Menu deroulant deux listes

Commenter

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

S'inscrire maintenant

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.