arborescence checked or not

Version imprimable

Bonjour, voila j'ai un ptit soucis
tjrs avec mon arborescence !

Code:

1
2
3
4
5
6
7
 
<ul class="checklist">
		<li><input id="child[1]" name="subject[]" onclick="uncheckParent(0)" value="1" type="checkbox"><label for="child[1]">TEST</label>
<ul><li><input id="child[6]" name="subject[]" onclick="uncheckParent(1)" value="6" type="checkbox"><label for="child[6]">tes</label>
</li></ul></li><li><input id="child[19]" name="subject[]" onclick="uncheckParent(0)" value="19" type="checkbox"><label for="child[19]">alex</label>
</li><li><input id="child[10]" name="subject[]" onclick="uncheckParent(0)" value="10" type="checkbox"><label for="child[10]">alexandre gasté</label>
</li><li><input id="child[9]" name="subject[]" onclick="uncheckParent(0)" value="9" type="checkbox"><label for="child[9]">alexandre</label>

avec cette fonction , ci dessous en javascript ca décoche le parent lorsqu'on click sur un child .. ce que jaimerai c'est l'inverse , que ca décoche tout les childs lorsque je click sur un parent

Code:

1
2
3
4
5
6
 
function uncheckParent(parent_id)
{
    if(parent_id!=0 && document.getElementById('child['+parent_id+']') && document.getElementById('child['+parent_id+']').checked == true)
        document.getElementById('child['+parent_id+']').checked = false;
}

dans ce cas :

il te faut donner un id a la liste enfant exemple :

Code:

1
2
3
4
5
6
7
8
9
 
function checkAll(ValeurIdParent){
 
listeEnfant = document.getElementById(ValeurIdParent).getElementsByTagName('input');
 
for(i = 0 , l = listeEnfant.length; i < l ; i++){
listeEnfant[i].checked = "checked";
}
}

Code:

1
2
3
4
5
6
7
8
9
10
<ul>
<li>
<input type="checkbox" value="1" onclick="checkAll(this.value)" />parent
<ul id="1">
<li><input type="checkbox" value="2" />enfant 1</li>
<li><input type="checkbox" value="3" />enfant 2</li>
</ul>
 
</li>
</ul>

voila

ca fonctionne pas...:(
voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function getCategories( $childs, $newsSubject) {
 
    foreach( $childs as $key => $child) {
        echo '<li><input id="child['.$child['subjectId'].']" name="subject[]" onclick="checkAll(this.value)" onclick="uncheckParent('.$child['parentId'].')" value="'.$child['subjectId'].'" type="CHECKBOX" '.(isset($newsSubject[($child['subjectId'])])?'checked="checked"':'').'><label for="child['.$child['subjectId'].']"><b>'.$child['name'].'<b></label>'."\n";
        if( isset( $child['childs'])) {
            echo '<ul id="1">';
            getCategories( $child['childs'], $newsSubject);
            echo '</ul>';
        }
        echo '</li>';
    }
}

Code:

1
2
3
4
5
6
7
8
9
 
function checkAll(parent_id){
 
listeEnfant = document.getElementById(parent_id).getElementsByTagName('input');
 
for(i = 0 , l = listeEnfant.length; i < l ; i++){
listeEnfant[i].checked = "checked";
}
}

22/05/2008, 16h09
le_chomeur

code généré s'il te plait ;)