Menu deroulant deux listes

Soyez le premier à donner votre avis sur cette source.

Snippet vu 8 784 fois - Téléchargée 28 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
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
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.