Comment mettre des liens dans ce menu déroulant?

Fermé

Kilou1984 Messages postés 153 Date d'inscription samedi 2 mars 2013 Statut Membre Dernière intervention 11 juin 2024 - Modifié par baladur13 le 29/07/2014 à 14:54
Kilou1984 - 6 août 2014 à 10:56

Bonjour,

J'ai crée un menu déroulant, pour le moment il est sur un forum de tests. Ce menu déroulant est situé en dessous du chat à en haut de ce lien :
http://xxxxxxxx/index.php
Donc il y a une catégorie et 3 sous catégories, j'aimerai que ces 3 sous catégories soient des mots menant vers une page, mais je n'y arrive pas.

Voilà mes codes de ce menu déroulant :





<html>
<title>liste déroulante dynamique</title>
<head>
<script language="Javascript" type="text/javascript" >
function choix(formulaire)
{
var j;
var i = formulaire.boite1.selectedIndex;
if (i == 0)
for(j = 1; j <3; j++)
formulaire.boite2.options[j].text="";


else{
}

for(j = 0; j<3; j++)
formulaire.boite2.options[j+1].text=text[j];
}
formulaire.boite2.selectedIndex=0;
}
</script>
</head>
<body>
<form name="formulaire">
<select name="boite1" onChange="choix(this.form)">
<option selected>...........Choisissez une catégorie...........</option>
<option><a href=http:/xxxxxxxxxxx.htm>Charte</a></option>
<option><a href=http:/xxxxxxxxx/t385-Services-du-forum.htm>Services</a></option>
<option><a href=http:/xxxxxxxxxxx/t236-Lien-partenaire-pour-autistes-asperger.htm#p2102>Partenaires</a>

</option>
</body>
</html>

Iceweasel sous linux, je n'est plus windows.

xxxxxx = Adresse supprimée Modération CCM

A voir également:

Comment mettre des liens dans ce menu déroulant?
Menu déroulant excel - Guide
Excel menu déroulant en cascade - Guide
Menu déroulant google sheet - Accueil - Guide bureautique
Créer un lien pour partager des photos - Guide
Windows 11 menu démarrer classique - Guide

1 réponse

Réponse 1 / 1

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
30 juil. 2014 à 03:33

Bien que normalement ce n'est pas un menu mais un formulaire on peut faire ca comme ca

<form name="form" >
<select size="1" onChange="location = this.options[this.selectedIndex].value;">
<option value="lien.html" >lien 1</option>
<option value="lien.html" >lien 2</option>
<option value="lien.html" >lien 3</option>
</select>
</form>

Par contre niveau referencement je ne sais pas si c'est vraiment top de faire comme ca

Kilou1984
31 juil. 2014 à 22:58

Bonsoir ,

Merci mais ça ne fonctonne pas, les url s'affichent dans le menu et mène à une page erreur, voici mes codes :

<html>
<title>liste déroulante dynamique</title>
<head>
<script language="Javascript" type="text/javascript" >
function choix(formulaire)
{
var j;
var i = formulaire.boite1.selectedIndex;
if (i == 0)
for(j = 1; j <3; j++)
formulaire.boite2.options[j].text="";


else{
}

for(j = 0; j<3; j++)
formulaire.boite2.options[j+1].text=text[j];
}
formulaire.boite2.selectedIndex=0;
}
</script>
</head>
<body>




<form name="form" >
<select size="1" onChange="location = this.options[this.selectedIndex].value;">
<option value="Charte" >http://rencontresentreaspergers.soforums.com/t379-Charte-et-services-du-forum.htm</option>
<option value="Services" >http://rencontresentreaspergers.soforums.com/t385-Services-du-forum.htm</option>
<option value="Partenaires" >http://rencontresentreaspergers.soforums.com/t236-Lien-partenaire-pour-autistes-asperger.htm#p2102</option>
</select>
</form> 






</option>
</body>
</html>

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 1/08/2014 à 06:08

ca fonctionne c'est toi qui a mal compris
deja le javascript du début tu n'en a pas besoin pour les liens
ensuite tu dois mettre l'url dans la value


<form name="form" >
<select size="1" onChange="location = this.options[this.selectedIndex].value;">
<option value="https://rencontresentreaspergers.soforums.com/t379-Charte-et-services-du-forum.htm">Charte</option>
<option value="https://rencontresentreaspergers.soforums.com/t385-Services-du-forum.htm" >Services</option>
<option value="https://rencontresentreaspergers.soforums.com/t236-Lien-partenaire-pour-autistes-asperger.htm#p2102">Partenaires</option>
</select>
</form>

comme je le repete ce n'est pas la bonne manière de faire un menu car cela doit nuire au référencement je pense

Kilou1984
1 août 2014 à 13:28

Bonjour,
Merci pour cette information,merci aussi pour votre patience et d'avoir pris de votre temps pour m'expliquer certaines choses. oui je préfère éviter ce qui est nuisible au référencement, cette question ci-dessus je l'est posé sur un autre forum, on m'a répondu que le HTML 5 ou CSS 3 était incompatible avec les anciens navigateurs soit environ 20% des internautes ( donc je préfère éviter le HTML5 et CSS3), alors que le javascript et le Jquery 1.X est compatible avec 95% des navigateurs, alors êtes vous dacord avec ceci? Et, si j'utilise ce menu en javascript cela poserait- t-il toujours problème pour le référencement?

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 1/08/2014 à 15:06

Cela en effet peut poser un probleme de référencement
pour html 5 il existe un script qui rend compatible avec les anciens navigateurs (html5shiv)
pour css 3 il existe un script pour les coin arrondis (pie.HTC) et on peut offrir des alternatives pour IE 8 / 9 dans un css
Par contre tout contenu généré par javascript peut poser un problème en terme de référencement

voici un tuto pour un menu déroulant html 4 / css 2.1
http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

Kilou1984 Messages postés 153 Date d'inscription samedi 2 mars 2013 Statut Membre Dernière intervention 11 juin 2024 8
Modifié par Kilou1984 le 1/08/2014 à 17:13

Bonsoir,
Dacord merci encore pour votre aide. Donc si je comprend bien il reste que le Jquery 1.X qui serait non nuisible au référencement, c'est bien ça?
J'ajoute que en fait à la base je voulais faire ce menu pour créer du contenu avec mots clefs pour optimiser mon référencement, ceci est-il possible avec un menu Jquery 1.X ?

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer liste déroulante

supprimer une liste déroulante