L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
122578 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Azote.org - no...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Outils de créa...
     Electroniq...
     K i s s design
     Créer son site...
     Les autres
     Votre site ici ?


Menu déroulant 2 listes

Script posté par :

LeReLeR - (Site : Télétravail à domicile)
Vous aussi, postez vos scripts en cliquant ici.


Description

Ce qui est intéréssant dans ce menu 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 cela commence 01-02; 03; 04 etc... Les années sont paramétrables à souhaits. Chacun y verra quelques utilités selon leur besoin.


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 6 et +
 Internet Explorer : 5 et +


Chiffres :

Date de création : 24/07/2004
Dernière modif : -
Visites de la page : 81382
Envois par mail : 1001


Exemple :




Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De lazins - le 07-10-2008
je viens de tester le code mis a notre disposition, il ne fonctionne pas .... quelles sont les modifs a faire pour que ca fonctionne ?

Merci !
De dudulhp - le 23-12-2008
Moi ce code fonctionne super bien et sans modif. C'est quoi ton type d'erreur !!
De lassa0232 - le 10-06-2009
<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>


Voila j'ai recupere le code en essayant de l'adapter et sans succes, j'ai remarquer aussi qu'il ne rentre jamais dans ma fonction changeliste() car l'alert toto ne s'affiche pas!

Merci d'avance de votre aide
De rogers79 - le 15-06-2009
Bonjour, mon problème peut paraitre ridicule pour certains mais bon, je me lance :
J'ai moi aussi 2 liste déroulantes liées comme le propose le sujet. Cependant j'ai fait une 3ème liste qui permet de copier l'information de la deuxième liste mais l'utilisateur peut faire plusieurs choix et donc avoir la 3ème liste remplies de plusieurs éléments ... (j'espère que je suis claire).
J'aimerais simplement créer un enregistrement de cette 3ème liste ainsi que le contenu d'un text box qui permettrai d'identifier l'utilisateur ... Je pense qu'il faudra donc faire un nombre d'enregistrement égal au nombre d'éléments de cette 3 liste (il y aura donc un numéro séquentiel). Comment récupérer chaque ligne de cette 3ème liste ?

Merci pour votre aide.
De jimo - le 26-03-2010
J'ai fait le code correctement, mais je voudrais maintenant faire le lien avec le bouton "envoyer" (que j'ai rebaptisé "aller"). En effet, j'ai fait un jeu de cadres pour mon site et le menu déroulant 2 listes est dans le cadre de gauche. Je voudrais que le résultats des deux listes soit présenté dans le cadre de droite.
Quelqu'un peut m'aider??



Voici mon code;

[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<SCRIPT language=JavaScript><!--
liste=new Array();
liste[0] = new Array("Sélectionnez----");
liste[1] = new Array("net top","mélanie hébert création coiffure","sophie desgagné enseignante","cpe clé de sol","cartes d'affaires");
liste[2] = new Array("la thaïlande","fear & loathing in las vegas","festival off","leopard cola","affiche personnelle");
liste[3] = new Array("los maras","l'oeil de poisson","recueil","typographie");
liste[4] = new Array("colorful traffic","pinocchio","portrait");
liste[5] = new Array("sélectionnez----");
liste[6] = new Array("sélectionnez----");



discipline = new Array();
discipline[1] = 'identité';
discipline[2] = 'affiche';
discipline[3] = 'design graphique';
discipline[4] = 'illustration';
discipline[5] = 'profil';
discipline[6] = 'contact';

projet = new Array();
projet['net top'] = '01';
projet['mélanie hébert création coiffure'] = '02';
projet['sophie desgagné enseignante'] = '03';
projet['cpe clé de sol'] = '04';
projet['cartes daffaires'] = '05';
projet['la thaïlande'] = '06';
projet['fear & loathing in las vegas'] = '07';
projet['festival off'] = '08';
projet['leopard cola'] = '09';
projet['affiche personnelle'] = '10';
projet['los maras'] = '11';
projet['loeil de poisson'] = '12';
projet['recueil'] = '13';
projet['typographie'] = '14';
projet['colorful traffic'] = '15';
projet['pinocchio'] = '16';
projet['portrait'] = '17';

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.replace('http://www.cotresite.com/'+ano+'/'+mes);}
--></SCRIPT>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:-56px;
top:-96px;
width:542px;
height:386px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:5px;
top:75px;
width:418px;
height:114px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:71px;
top:94px;
width:296px;
height:68px;
z-index:2;
}
.Style7 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>

<body>
<div id="apDiv2"><img src="images/cadre.gif" alt="anim_cadre" width="398" height="104" /></div>
<div id="apDiv3"><img src="images/logo.jpg" alt="logo" width="250" height="75" /></div>
<FORM id="monform" name="monform" onsubmit="set_URL(); return false">
<DIV>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><A>
<SELECT id=listeA onchange=changeliste() name=listeA>
<OPTION value=0
selected>sélectionnez----</OPTION>
<OPTION value=1>identité visuelle</OPTION>
<OPTION value=2>affiche</OPTION>
<OPTION value=3>design graphique</OPTION>
<OPTION
value=4>illustration</OPTION>
<OPTION value=5>profil</OPTION>
<OPTION value=6>contact</OPTION>
</SELECT>
</A><A
id=listeB_div>
<SELECT id=listeB name=listeB>
<OPTION selected>sélectionnez----</OPTION>
</SELECT>
</A>
<INPUT type=submit value=Voir>
</p>
</DIV></FORM>
<p>
<noscript>
<a href="http://www.editeurjavascript.com/countus/">compteur live</a>
</noscript>
</p>
</body>
</html>]

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
CibleClick
La plate-forme d'affiliations toujours au top. De nombreux programmes, pour tous les gouts. Serieux dans les paiements.
http://www.cibleclick.com
Cat : Affiliation - publicité
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65973 membres
4642 comptes CountUs
1842 comptes myCircle

     LES FORUMS :
14 forums
40359 topics
191688 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 12/02/2012 14:33:17 | Design by | Gen. en 0.485 sec.