Javascript : Menu deroulant deux listes

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

Signaler

coucou747

Messages postés: 12303
Date d'inscription: mardi 10 février 2004
Statut: Modérateur
Dernière intervention: 30 juillet 2012

41
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

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.

Source / Exemple :

Conclusion :

A voir également

Vous n'êtes pas encore membre ? inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Vous n'êtes pas encore membre ?

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