11548 sujets

JavaScript, DOM et API Web HTML5

Liste deroulante en java script avec liens ne marche pas

Slt
J'ai trouve un script pour une liste deroulante avec lien ici.

Ce que je veux c'est que chaque choix renvoi dans la page (grace aux ancres nommees).
Dans la liste especes, quand on choisi une espece, dans la zone juste en dessous doit apparaitre sa classe et sa famille. Pour les 2 autres listes on peux choisir soit une classe soit une famille famille.

Mais ca ne marche pas et je ne vois pas d'ou ca peux venir.

Merci d'avance pour votre aide.

Lien vers la page.
Modifié par hegalaldia (18 Dec 2009 - 08:11)
Essais ceci
<SCRIPT>
function Lien() {
i = document.Choix.Liste.selectedIndex;
if (i == 0) return;
url = document.Choix.Liste.options.value;
parent.location.href = url;
}
</SCRIPT>
<FORM NAME="Choix">
<SELECT NAME="Liste" onChange="Lien()">
<OPTION VALUE="">Choisir une option
<OPTION VALUE="../../copains.html">Les copains
<OPTION VALUE="../../plongee/index.html">La plongée
<OPTION VALUE="http://www.google.com">Recherche
</SELECT>
</FORM>
Salut,

@nicolasl01 > merci d'éditer ton message et de le mettre en forme. Smiley cligne
Au passage et en voyant tes balises en majuscules et non fermées je te soupçonne de ne pas utiliser de doctype dans tes pages.

Pour tous les 2 > ce code JavaScript est obsolète (on utilise plutôt le DOM) et surtout il est obstrusif : (re)lire Comment bien coder en Javascript.
Modifié par Heyoan (19 Dec 2009 - 11:57)
Donc je doit faire un code de comme ca (c'est pour la liste Ordres) :

		<form class="liste-ordre">
			<select name="Liste ordres">
				<option value="#" selected="selected">ORDRES</option>
				<option value="#accipitriformes">Ansériformes</option>
				<option value="#anseriformes">Ansériformes</option>
				<option value="#apodiformes">Apodiformes</option>
				<option value="#caprimulgiformes">Caprimulgiformes</option>
				<option value="#charadriiformes">Charadriiformes</option>
				<option value="#ciconiiformes">Ciconiiformes</option>
				<option value="#columbiformes">Columbiformes</option>
				<option value="#coraciiformes">Coraciiformes</option>
				<option value="#cuculiformes">Cuculiformes</option>
				<option value="#falconiformes">Falconiformes</option>
				<option value="#galliformes">Galliformes</option>
				<option value="#gaviiformes">Gaviiformes</option>
				<option value="#gruiformes">Gruiformes</option>
				<option value="#pelecanoformes">Pélécanoformes</option>
				<option value="#passeriformes">Passériformes</option>
				<option value="#phoenicopteriformes">Phoenicopteriformes</option>
				<option value="#piciformes">Piciformes</option>
				<option value="#podicipediformes">Podicipédiformes</option>
				<option value="#procellariiformes">Procellariiformes</option>
				<option value="#psittaciformes">Psittaciformes</option>
				<option value="#pteroclidiformes">Ptéroclidiformes</option>
				<option value="#strigiformes">Strigiformes</option>
				<option value="#turniciformes">Turniciformes</option>
			</select>
			<input type="submit" value="envoi" />
		</form>


Mais le renvoi vers l'ancres nommee ne marche pas. Dans l'exemple ca renvoi vers une autre enetre. Moi c'est dans la meme page, vers des ancres nommees.
Sujet clos
Aller à