Discussion :

[nemonux]

Bonjour,

je souhaiterais trouver un moyen simple de superposer une liste d�roulante.
Le but est d'afficher telle ou telle liste selon l'item s�lectionn� dans une pr�c�dente liste.

EX:
Liste1 (mammif�re, oiseaux, ...)
Liste2 (chien, chat, ours, ...)
Liste3 (m�sange, rouge-gorge, roitelet, ...)

Si dans liste1 "mammif�re" est s�lectionn�, je dois afficher la liste2, si c'est "oiseaux", je dois afficher la liste3 � la place de la 2 (au m�me endroit !!)

Je ne sais absolument pas comment faire. Si vous avez une quelconque id�e ... Merci.

[NoSmoking]

Bonjour,
ton probl�me est un probl�me de liste d�roulante li�es entre elles, voil� pour les mots cl�s.

Comment lier deux listes d�roulantes entre elles ?

[nemonux]

Bonjour,

merci pour la r�ponse et le lien.

J'ai lu la FAQ, mais pour cette solution il est n�cessaire d'adapter la base de donn�es, or je ne peux pas le faire. Ma base de donn�es est existante, et je dois l'utiliser telle quelle pour construire mes listes d�roulantes.

Je pencherais plus pour une solution bas�e sur l'affichage d'une liste ou une autre selon l'item s�lectionn� (c'est dans ce sens que je parlais de "superposition de listes"). J'ai vaguement regard� du c�t� des z-index, mais je ne n'ai rien trouv� de concluant.

[SpaceFrog]

Le tuto n'est qu'un exemple, tu n'as nullement besoin d'adapter ta base de donn�es ...

regarde plutot du cot� de ajax, voire m�me jquery qui propose un plugin de listes li�es ...

[nemonux]

Le soucis c'est que je d�bute compl�tement.
J'ai d�j� du me farcir le HTML, le CSS, le PHP, le MySQL, le Javascript et je pensais que ce serais suffisant.
�a m�ennuie de devoir encore essayer d'apprivoiser l'ajax ou le jquery, alors que je suis encore loin de ma�triser les autres langages.
N'y a t-il pas d'autre choix ...!??

[NoSmoking]

Si tu ne veux pas de donner la peine et que les donn�es sont peu nombreuses tu peux cr�er tes SELECTs et les masquer, display:none par exemple, il te suffit ensuite de les afficher � la demande sur le onchange du SELECT principal.

[nemonux]

Oui c'est ce que j'aimerais faire, le soucis c'est que j'aimerais que les diff�rentes listes soient au m�me endroit.
Je ne suis pas sur qu'on puisse le faire avec l'option display.

Par ailleurs j'ai un peu cherch� des infos sur les liste li�es. Je confirme que cela ne correspond pas mon pb, j'ai oubli� de pr�ciser que selon le champ s�lectionn� dans ma 1�re liste, je dois afficher (ou non) d'autre listes, toutes issues d'autres tables n'ayant aucun lien avec ma 1�re liste.

[NoSmoking]

...les diff�rentes listes soient au m�me endroit.

effectivement display dans ce cas ne peut rien pour toi car il s'agit de positionnement

Je confirme que cela ne correspond pas mon pb, j'ai oubli� de pr�ciser que selon le champ s�lectionn� dans ma 1�re liste, je dois afficher (ou non) d'autre listes, toutes issues d'autres tables n'ayant aucun lien avec ma 1�re liste.

Le fond du probl�me est identique.

[nemonux]

Oui peut-�tre. Je continu mes recherches ...
Mais si quelqu'un a une solution simple, je suis preneur !!

[NoSmoking]

Une solution simple est de cr�er tout tes SELECTs et de les masquer, tiens il me semble l'avoir d�j� �cris
exemple :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<select>
  <option value="">Votre choix</option>
  <option value="id_un">UN</option>
  <option value="id_deux">DEUX</option>
  <option value="id_trois">TROIS</option>
</select>
<select id="id_un">
  <option value="">UN UN</option>
  <option value="">UN DEUX</option>
  <option value="">UN TROIS</option>
</select>
<select id="id_deux">
  <option value="">DEUX UN</option>
  <option value="">DEUX DEUX</option>
  <option value="">DEUX TROIS</option>
</select>
<select id="id_trois">
  <option value="">TROIS UN</option>
  <option value="">TROIS DEUX</option>
  <option value="">TROIS TROIS</option>
</select>

...et les masquer, display:none par exemple,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
// récup. des SELECTs concernés
var oSelect = document.getElementsByTagName('SELECT'),
    nbSelect = oSelect.length;
// on laisse le premier apparaître
for( var i=1; i <nbSelect;i++){
  oSelect[i].style.display = 'none';
}

...il te suffit ensuite de les afficher � la demande sur le onchange du SELECT principal.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
oSelect[0].onchange = function(){
  for( var i=1; i <nbSelect;i++){
    oSelect[i].style.display = oSelect[i].id == this.value ? '' : 'none';
  }
};

on se sert de la value de celui ci, qui repr�sente l'ID, pour atteindre et rendre visible le SELECT concern�.

Mais si quelqu'un a une solution simple, je suis preneur !!

il me semble que c'est le cas !!

[nemonux]

OK, mais on est bien d'accord que dans ce cas l�, les listes (visibles ou non) sont affich�es � des endroits diff�rents.
Mon souhait serait qu'elles le soient au m�me.

[numew]

Si tu souhaite que le seconde liste remplace la premi�re lors du choix il te suffit alors de masquer la premi�re pour que la seconde apparaisse au m�me endroit. Ce ne devrait pas �tre difficile � faire avec le code fournit.

[nemonux]

T'as raison numew, je me suis tromp�.
Merci NoSmoking, �a marche nickel. C'est exactement ce que je voulais.

Par contre je ne sais pas comment on cl�ture la discussion en "r�solu".... (je d�bute dans tout, la prog et les forums )

...


wouahou , je viens de voir le bouton !! Je cl�ture donc ...

Merci � tous.