Comment mettre des liens dans ce menu déroulant?

Kilou1984 Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   -  
 Kilou1984 -
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:

1 réponse

animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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
0
Kilou1984
 
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>


0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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
0
Kilou1984
 
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?
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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
0
Kilou1984 Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   8
 
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 ?
0