11548 sujets

JavaScript, DOM et API Web HTML5

Passer de 2 listes à 3 listes [Résolu]

Bonjour,
J'ai regardé, mais je n'ai pas trouvé de modèle qui me conviennent (ou je n'ai pas su les adapter).

Dossier 1 --> 210,2011 etc....
Sous dossier --> Les mois
Pages : Graphiques.html, vent.html, Recaps.html, Pression.html...etc

Je souhaiterais avoir 3 listes déroulantes.

Liste 1 : les années
Année 2010
Année 2011
etc....

Liste 2 : Les mois
Janvier
Février
Mars
etc....

Liste 3 : Les pages
Couleur_du_ciel
Graphiques.html
vent.html
Températures.html
Recaps.html
Pression.html
Comment puis-je faire pour, quand je clic sur un nom de la 3ème liste, je puisse avoir la page concernée ?

Voici le code de ma page :
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>AidoWeb</title>
<meta content="Guy" name="author">
<script language="JavaScript">
<!--
function Lien() { i = document.Choix.Liste.selectedIndex; if (i == 0)
return; url = document.Choix.Liste.options[i].value;
parent.location.href = url; }
// -->
</script>
</head>
<body style="color: white; background-color: rgb(99, 5, 39);"
alink="#dcd296" link="#dcd296" vlink="#dcd296">
<p>
<label for="" anneechoisie=""> Choix des Années</label><br>
<select name="Anneechoisie" id="Anneechoisie">
<option value="2010"> Année 2010 </option>
<option value="2011"> Année 2011 </option>
</select>
</p>
&nbsp;Choix du mois<br>
<form name="Choix">
<select name="Liste" onchange="Lien()">
<option value="">Mois </option>
<option value="2010/Janvier/Vent.html">Janvier</option>
<option value="2010/Fevrier/vent.html">Février</option>
<option value="2011/Mars/vent.html">Mars</option>
</select>
</form>
</body>
</html>[/


Et le lien de la page :

http://meteoclopiniere.olympe-network.com/Essai4.html

Merci de votre aide, cela m'arrangerais bien.
Cordialement
[/i]
Modifié par PoppyGuy (24 Nov 2011 - 10:39)
salut...

Déjà qu'est ce qui ne fonctionne pas ???

bon ensuite moi je verrais plutot un truc comme ça

<script language="JavaScript">

<!--

function Lien(lurl) { if (lurl == 0)

return; 

else

parent.location.href = lurl; }

// -->

</script>


puis dans le code html

<form name="Choix">

<select name="Liste" onclick="Lien(this.value)">

<option value="0">Mois </option>

<option value="2010/Janvier/Vent.html">Janvier</option>

<option value="2010/Fevrier/vent.html">Février</option>

<option value="2011/Mars/vent.html">Mars</option>

</select>


tu teste... et tu fais suivre l'avancée Smiley smile
Modifié par pchlj (22 Nov 2011 - 17:59)
Bonsoir,
Oui, mais dans ta solution, je ne choisis que le page.

1) Dans la liste 1, il faut que je choisisse l'année.
2) Dans la liste 2, il faut que je choisisse le mois
3) Dans la liste 3, il faut que je choisisse la page
Ben oui mais c'est déjà ce que tu fais dans l'exemple que tu donnes Smiley cligne

si tu veux que les trois box constituent le lien.. il faut prendre les 3 valeurs et les concaténer Smiley smile
Bonjour,
Merci de me répondre,
Désolé, mais......(il faut prendre les 3 valeurs et les concaténer)
Je ne sais pas ce que cela veut dire Smiley confused
Sujet clos
Aller à