Gestion de listes liées
cs_apz
Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013
-
5 déc. 2009 à 02:01
cs_apz Messages postés 281 Date d'inscription dimanche 7 avril 2002 Statut Membre Dernière intervention 11 avril 2013 - 7 déc. 2009 à 19:10
cs_apz Messages postés 281 Date d'inscription dimanche 7 avril 2002 Statut Membre Dernière intervention 11 avril 2013 - 7 déc. 2009 à 19:10
43 réponses
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 10:13
5 déc. 2009 à 10:13
cs_apz
Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013
5 déc. 2009 à 11:35
5 déc. 2009 à 11:35
Salut Bul3,
Voila un code propre :
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Voila un code propre :
<!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> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Lister les intervenants</title> <style type="text/css"> body { margin: 0; padding: 0; } #global { position:absolute; left: 50%; top: 50%; width: 700px; height: 400px; margin-top: -200px; margin-left: -350px; border: 1px solid #333; background-color: #eee; } #liste { width: 280px; left: 10%; top: 10%; position: relative; } .titre{ color: #FFF; font-family: Tahoma; font-size: 12px; background-color: #0000FF; text-align: center; } .etq{ font-family: Tahoma; color: #000; font-size: 12px; text-align: left; width: 120px; display: inline-block; } .chp {text-align: left ;} .bouton {float: right ; background:red;} .tbl { border: 1px solid #0000FF;width:98%} </style> <script type="text/javascript" language="javascript"> var liste_4_0 = ["E1","E2","E4"]; var liste_4_1 = ["théâtre","informatique","langue vivante"]; var liste_4_2 = ["Congnac la ville","Bussines","St-Junien"]; var liste_4_3 = ["BELLAC","LIMOGES I","LIMOGES II"]; var liste_4 = [liste_4_0,liste_4_1,liste_4_2,liste_4_3]; function fill_list_choice(next_list, valAAfficher){ //alert("Valeur à afficher : "+valAAfficher); if(valAAfficher === "-1"){ return; } switch(next_list){ case "liste_4" : var liste = liste_4[valAAfficher]; var next_list = document.getElementById(next_list); var opt, child, j=0; // On supprime les éléments qui y sont pour l'instant while(child = next_list.childNodes[0]){ next_list.removeChild(child); } // On créé la liste voulue opt = document.createElement("option"); opt.innerHTML = "Indifferent"; next_list.appendChild(opt); for(var i 0, l liste.length;i<l;i++){ opt = document.createElement("option"); opt.innerHTML = liste[i]; opt.value = i; next_list.appendChild(opt); } break; default: alert("Liste inconnue"); return; } afficherAutres; } function afficherAutres() { var l2 = document.getElementById("liste2"); var l3 = document.getElementById("liste3"); var l4 = document.getElementById("liste4"); var Sb = document.getElementById("submt"); if (document.gie.liste_1.value != "-1") { if (l2.style.display == "none") l2.style.display = "block"; if (l3.style.display == "none") l3.style.display = "block"; if (l4.style.display == "none") l4.style.display = "block"; if (Sb.style.display == "none") Sb.style.display = "block"; } else { l2.style.display = "none"; l3.style.display = "none"; l4.style.display = "none"; Sb.style.display = "none"; } } </script> </head> Lister les intervenants, ---- <form name="gie" action="" method="post"> Lister les intervenants <select id="liste_1" name="liste_1" onchange="fill_list_choice('liste_4', this.value);"> <option value="-1">Selectionner</option> <option value="1">Par Ecole</option> <option value="2">Par Discipline</option> <option value="3">Par Localisation</option> <option value="4">Par Circonscription</option> </select> Trié par <select id="liste_2" name="list_2"> <option selected="selected" value="nomint">Nom</option> <option value="numagr">Numéro agr.</option> </select> Sigle <select id="liste_3" name="liste_3"> <option selected="selected" value="EMC">EMC</option> <option value="EPC">EPC</option> <option value="ECU">ECU</option> </select> Ecole <select id="liste_4" name="liste_4"> <option>Indifferent</option> </select> </form> </html>
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 11:47
5 déc. 2009 à 11:47
bon... finalement ça ne m'aide pas plus
pour tenter d'aider....
reprenons depuis le début :
>>j'ai quatres listes dont les trois dernières sont cachées.
ok
>>J'aimerais afficher les trois listes
là, il suffit de jouer avec leur style.display
="none" ou "inline"
>>avec une création dynamique de la quatrième liste
euh ? je pensais que 4 listes existaient ?
vous pouvez "re-précisez" ?
pour le listes liées on peut donner des
exemples, mais là, pas sûr de répondre...
pour tenter d'aider....
reprenons depuis le début :
>>j'ai quatres listes dont les trois dernières sont cachées.
ok
>>J'aimerais afficher les trois listes
là, il suffit de jouer avec leur style.display
="none" ou "inline"
>>avec une création dynamique de la quatrième liste
euh ? je pensais que 4 listes existaient ?
vous pouvez "re-précisez" ?
pour le listes liées on peut donner des
exemples, mais là, pas sûr de répondre...
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 11:50
5 déc. 2009 à 11:50
à part les select et le javascript, le
css et le reste du html par exemple
n'apportent rien à la compréhension
du problème.
css et le reste du html par exemple
n'apportent rien à la compréhension
du problème.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
cs_apz
Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013
5 déc. 2009 à 12:32
5 déc. 2009 à 12:32
Le css et html ça ne sert que pour la présentation.
pour afficher/masquer les dic, je fais cela par la fonction AfficherAutres.
Pour les listes il y'a 4.
Ce que fait le code :
1ere liste toujours visible et elle qui declenche l'evenement OnChange()
Une fois l'evenement lancer, la 4eme liste est générée dynamiquement par la fonction fill_list_choice (remplir la quatrième selon le choix selectionner)
en appel ensuite AfficherAutres() pour afficher tout les DIV masquées en attribuant le style=block à la place de style=none deja le code html.
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
pour afficher/masquer les dic, je fais cela par la fonction AfficherAutres.
Pour les listes il y'a 4.
Ce que fait le code :
1ere liste toujours visible et elle qui declenche l'evenement OnChange()
Une fois l'evenement lancer, la 4eme liste est générée dynamiquement par la fonction fill_list_choice (remplir la quatrième selon le choix selectionner)
en appel ensuite AfficherAutres() pour afficher tout les DIV masquées en attribuant le style=block à la place de style=none deja le code html.
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 12:50
5 déc. 2009 à 12:50
<head>
<style type="text/css">
a span { display: none;
position: absolute;
top: 20px;
left: 100px;
}
a:hover span { display:inline; }
</style>
</head>
[#
]
1 lien et 1 span, mais cela s'applique à tout
et à n éléments
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 12:52
5 déc. 2009 à 12:52
erreur d'aiguillage
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 12:55
5 déc. 2009 à 12:55
quand à ici :
>>Ce que fait le code :
ben, c'est ce que tente de faire le code
sinon vous ne poseriez pas de question
perso, toujours pas compris le but
à atteindre ( sans parler du code )
>>Ce que fait le code :
ben, c'est ce que tente de faire le code
sinon vous ne poseriez pas de question
perso, toujours pas compris le but
à atteindre ( sans parler du code )
cs_apz
Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013
5 déc. 2009 à 13:09
5 déc. 2009 à 13:09
Pas compris le but du :a span ?
j'ai seulement tenter de mieux exposer le but du code.
ou le code manque-t-il de quelque chose ?
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
j'ai seulement tenter de mieux exposer le but du code.
ou le code manque-t-il de quelque chose ?
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 13:14
5 déc. 2009 à 13:14
>>Pas compris le but du :a span ?
je disais "erreur d'aiguillage"
ça concerne notre autre conversation
>>tenter de mieux exposer le but du code.
comme il ne fonctionne pas et que je n'ai
pas compris ce qu'il faut faire !
pouvez vous expliquez ce que vous voulez
faire, en oubliant le code actuel ? en
français quoi, pas en html/javascript...
je disais "erreur d'aiguillage"
ça concerne notre autre conversation
>>tenter de mieux exposer le but du code.
comme il ne fonctionne pas et que je n'ai
pas compris ce qu'il faut faire !
pouvez vous expliquez ce que vous voulez
faire, en oubliant le code actuel ? en
français quoi, pas en html/javascript...
cs_apz
Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013
5 déc. 2009 à 13:47
5 déc. 2009 à 13:47
selon le choix effectue dans la "liste_1" affichée dans la page d'acceuil, une autre liste est crée automatiquement selon la selection éffectuée :
choix 0> la 4eme liste (liste_4) est générée est remplie par les éléments de la liste :
choix = 1 la 4eme liste sera remplie par :
et ainsi de suite ....
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
choix 0> la 4eme liste (liste_4) est générée est remplie par les éléments de la liste :
var liste_4_0 = ["E1","E2","E4"];
choix = 1 la 4eme liste sera remplie par :
var liste_4_1 = ["théâtre","informatique","langue vivante"];
et ainsi de suite ....
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 14:06
5 déc. 2009 à 14:06
et alosr, c'est quoi les listes 2,3 ?
on n'en fait rien ?
si j'ai pigé, c'est en fait, 2 select liés
3 exemples ici ( en pur js, en pur php, avec ajax )
on n'en fait rien ?
si j'ai pigé, c'est en fait, 2 select liés
3 exemples ici ( en pur js, en pur php, avec ajax )
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 14:07
5 déc. 2009 à 14:07
faudra patienter un ch'tiot peu pour
voir le lien... alice|free|chez ont quelques
soucis qui devraient se régler...
vite j'espère !
voir le lien... alice|free|chez ont quelques
soucis qui devraient se régler...
vite j'espère !
cs_apz
Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013
5 déc. 2009 à 14:32
5 déc. 2009 à 14:32
-> Seulement la liste_1 qui commande la liste_4.
Pour les listes 2 et 3, elles ne changent pas.
Je songe plus tard à les alimenter depuis une base de données mais cela et un autre sujet
pour l'exemple donné, je l'ai deja vu.
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Pour les listes 2 et 3, elles ne changent pas.
Je songe plus tard à les alimenter depuis une base de données mais cela et un autre sujet
pour l'exemple donné, je l'ai deja vu.
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 14:38
5 déc. 2009 à 14:38
>>pour l'exemple donné, je l'ai deja vu.
ben alors ? vous avez le principe,
adaptez/améliorez/modifiez... le à votre goût,
ça me semble bien plus simple que votre approche :
une 10aine de lignes en javascript + l'array nécessaire.
ben alors ? vous avez le principe,
adaptez/améliorez/modifiez... le à votre goût,
ça me semble bien plus simple que votre approche :
une 10aine de lignes en javascript + l'array nécessaire.
cs_apz
Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013
5 déc. 2009 à 14:46
5 déc. 2009 à 14:46
Je vais rejeter un coup d'oeil.
Mais, comme tu l'as déja précisé, le lien tarde à s'afficher...
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Mais, comme tu l'as déja précisé, le lien tarde à s'afficher...
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 14:50
5 déc. 2009 à 14:50
>>le lien tarde à s'afficher...
pas compris...
pas compris...
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 15:00
5 déc. 2009 à 15:00
ah... oui le lien vers l'exemple !
parfois j'ai du mal à suivre ( Alzheimer )
tenez alors :
parfois j'ai du mal à suivre ( Alzheimer )
tenez alors :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>2 Selects dépendants en JavaScript</title> <style type="text/css"> select { float:left; } </style> </head> <select size="4" name="sel1" id="sel1"> <optgroup label="Régions"> <option>Bretagne</option> <option>Centre</option> <option>Nord-Pas-de-Calais</option> </optgroup> </select> <select size="4" name="sel2" id="sel2"> <optgroup label="Départements"> <option>?</option> </optgroup> </select> <script type="text/javascript"><!-- var liste=new Array ( new Array ( "Côtes-d'Armor","Finistère","Ille-et-Vilaine","Morbihan" ) , new Array ( "Cher","Eure-et-Loire","Indre","Indre-et-Loire","Loir-et-Cher","Loiret" ) , new Array ( "Nord","Pas-de-Calais" ) ); var s1=document.getElementById("sel1"); var s2=document.getElementById("sel2"); var txt=document.getElementById("txt"); s1.onchange=function() { txt.value=s1.options[s1.selectedIndex].text; s2.length=0; s2.length=liste[s1.selectedIndex].length; for ( var n=0; n < liste[s1.selectedIndex].length; n++ ) { s2.options[n].text=liste[s1.selectedIndex][n]; } s2.size=s2.length+1; } s2.onchange=function() { txt.value= s1.options[s1.selectedIndex].text+" / "+ s2.options[s2.selectedIndex].text; } --></script> </html>
cs_apz
Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013
5 déc. 2009 à 15:40
5 déc. 2009 à 15:40
Merci, c'est leger et ça correspond un peu à mon but
Mais j'aimerais que les select soient affichées lors de changement du premiers select S1.
et marsquées lorsque la page est chargée.
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Mais j'aimerais que les select soient affichées lors de changement du premiers select S1.
et marsquées lorsque la page est chargée.
------------------------------------------------------------------Debutant Excel/VBA, PHP/SQL, DelphiClub de correspondance :http://membres.lycos.fr/elatlasclub
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2009 à 15:45
5 déc. 2009 à 15:45
"il suffit" de mettre display:none en css et de
faire le select.style.display="inline" lorsque vous le voulez
faire le select.style.display="inline" lorsque vous le voulez