Menu deroulant deux listes

5/5 (1 avis)

Snippet vu 8 929 fois - Téléchargée 30 fois

Contenu du snippet

Ce qui est intéressant dans ce menu déroulant 2 listes c'est que quand nous cliquons sur l'année 2003 nous obtenons directement (07) le mois de sa conception afin d'éviter les adresses (mois) qui n'existent pas.
Pour les autres mois (adresses) cela commence 01-02; 03; 04 etc... Les années sont paramétrables à souhaits. Chacun y verra quelques utilités selon leur besoin.
Vous pouvez le voir en fonctionnement à cette adresse :

http://www.lereler-lirelire.org

Cordialement,
LeReLeR

Source / Exemple :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1491" name=GENERATOR>

<SCRIPT language=JavaScript><!--
liste=new Array();
liste[0] = new Array("Le mois / O mês");
liste[1] = new Array("Acceuil / Iniciar");
liste[2] = new Array("Julho/Juillet","Agosto/Août","Setembro/Septembre","Outubro/Octobre","Novembro/Novembre","Dezembro/Décembre");
liste[3] = new Array("Janeiro/Janvier","Fevereiro/Février","Março/Mars","Abril/Avril","Maio/Mai","Junho/Juin","Julho/Juillet","Agosto/Août","Setembro/Septembre","Outubro/Octobre","Novembro/Novembre","Dezembro/Décembre");
liste[4] = liste[3];
liste[5] = liste[3];
liste[6] = liste[3];
liste[7] = liste[3];
liste[8] = liste[3];

année = new Array();
année[0] = '';
année[1] = '';
année[2] = '2003';
année[3] = '2004';
année[4] = '2005';
année[5] = '2006';
année[6] = '2007';
année[7] = '2008';

mois = new Array();
mois[''] = '';
mois['Acceuil / Iniciar'] = '';
mois['Janeiro/Janvier'] = '01-02';
mois['Fevereiro/Février'] = '01-02';
mois['Março/Mars'] = '03';
mois['Abril/Avril'] = '04';
mois['Maio/Mai'] = '05';
mois['Junho/Juin'] = '06';
mois['Julho/Juillet'] = '07';
mois['Agosto/Août'] = '08';
mois['Setembro/Septembre'] = '09';
mois['Outubro/Octobre'] = '10';
mois['Novembro/Novembre'] = '11';
mois['Dezembro/Décembre'] = '12';

function changeliste()
{
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>";
}
document.getElementById("listeB_div").innerHTML=t+'</select>';
}
function set_URL()
{
ano = année[document.getElementById("listeA").value];
mes = mois[document.getElementById("listeB").value];
window.location.href('http://www.votresite.levotre/'+ano+'/'+mes);
}
--></SCRIPT>
</HEAD>
<BODY bgColor=#ffffff>
<DIV>&nbsp;</DIV>
<FORM id=monform name=monform onsubmit="set_URL(); return false">
<DIV><A><SELECT id=listeA onchange=changeliste() name=listeA> <OPTION value=0 
  selected>Choix année / Escolha ano</OPTION> <OPTION value=1>Acceuil / Iniciar</OPTION><OPTION value=2>2003</OPTION> 
  <OPTION value=3>2004</OPTION> <OPTION value=4>2005</OPTION> <OPTION 
  value=5>2006</OPTION><OPTION value=6>2007</OPTION></SELECT></A><A 
id=listeB_div><SELECT id=listeB name=listeB><OPTION selected>Le mois / O 
  mês</OPTION></SELECT></A><INPUT type=submit value=GO></DIV></FORM></BODY></HTML>

Conclusion :


Le voir en fonctionnement à cette adresse http://www.lereler-lirelire.org vaut tous les plus beaux discourts.
Pour les bugs, rien à l'horizon. Pour le moment c'est comme ça !
Cordialement à tous
LeReLeR

A voir également

Ajouter un commentaire Commentaires
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 42
13 avril 2005 à 14:31
window.location n'existe pas... Tu dois utiliser : window.location.href

ensuite, t'as une balise qui ne sert à rien...
<style></style>

et des majuscules mélangés à des minuscules dans tes balises

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.