Discussion :

[grunk]

Bonjour,
Je suis face à un petit problème que je n'arrive pas à resoudre.
Je génère depuis ma bdd une "arborésence" de checkbox qui ressemble à celà :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<input type="checkbox" value="'.$id.'"> Parent1
     <input type="checkbox" value="'.$id.'"> enfant1
     <input type="checkbox" value="'.$id.'"> enfant2
<input type="checkbox" value="'.$id.'"> Parent2
....

Et j'aimerais pouvoir masquer certaines partie de cette arbresence. PAr exemple en cliquant sur une image a coté de Parent 1 je fait apparaitre tout ses enfants.
Il me serait très facile de faire celà si je pouvais mettre les enfant d'un même parent dans un div à l'id du parent par exemple, mais mes check box étant générées de la manière suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
while(....)
{
if($rub3['idpere']!='')
	echo'<span style="margin-left:20px;"><input type="checkbox" name="rubrique2" value="'.$rub3['id'].'"> '.$rub3['libelle'].'</span><br />';
	else
	echo'<input type="checkbox" name="rubrique2" value="'.$rub3['id'].'"> <b>'.$rub3['libelle'].'</b><br />';
}

Ca me parait difficilement réalisable.
Bref ma question , est comment puis je en JS masquer ou montrer certaines partie de mon arboresence ?

Merci d'avance

[E.Bzz]

Bonjour,
tout d'abord c'est plutôt les radio qu'on regroupe sous un même name (mais ce n'est visiblement pas toi qui gère cette partie).
Sinon, tu peux rester dans ta logique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
for (i=0; i<document.getElementsByName('rubrique2').length; i++)
document.getElementsByName('rubrique2')[i].style.display = "none"; // A adapter

A+

[grunk]

Merci de ta réponse
Je n'avais pas penser a faire une boucle