1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
| <HTML>
<HEAD>
<title>Menus deroulants liés</title>
<SCRIPT LANGUAGE="JavaScript">
liste=new Array();
liste[0] = new Array("[Choix recherche]");
liste[1] = new Array("A-Z","Z-A");
liste[2] = new Array("2000","2001","2002","2003","2004","2005","2006","2007","2008","2009");
liste[3] = new Array("Pate de verre","Vitrail","Souffleur");
function changeliste()
{
alert("toto")
choix=document.getElementById("listeA").value
t='<select name="listeB" id="listeB">'
for(i=0;i<liste[choix].length;i++){
t+="<option value=\""+liste[choix][i]+"\">"+liste[choix][i]+"</option>"
}
t+='</select>'
document.getElementById("listeB_div").innerHTML=t
}
function set_URL()
{
ano = année[document.getElementById("listeA").value];
mes = mois[document.getElementById("listeB").value];
window.location.href('http://www.monsite.net/'+ano+'/'+mes);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM id="monform" name="monform" onsubmit="set_URL()">
<DIV>
<A id="listeA_div">
<SELECT id="listeA" SIZE=1 onchange=changeliste() name="listeA">
<OPTION value=0>[Choix recherche]</OPTION>
<OPTION value=1>Alphabetique</OPTION>
<OPTION value=2>Promotion</OPTION>
<OPTION value=3>Specialite</OPTION>
</SELECT>
</A>
<A id="listeB_div">
<SELECT id="listeB" name="listeB">
<OPTION>[Selectionnez]</OPTION>
</SELECT>
</A>
<INPUT type=submit value=GO>
</DIV>
</FORM>
</BODY>
</HTML> |
Partager