[DOM] couleur text checked

Version imprimable

bonjour toujours moi avec mon arborescence :)
donc alors voici ma fonction qui créé larborescence...

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="itemClick('.$child['subjectId'].')" value="'.$child['subjectId'].'" type="CHECKBOX" '.(isset($ne
wsSubject[($child['subjectId'])])?'checked="checked"':'').'><label for="child['.$child['subjectId'].']" id="lab['.$child['subjectId'].']">'.$child['name'].'</label>'."\n";
        if( isset( $child['childs'])) {
            echo '<ul>';
            getCategories( $child['childs'], $newsSubject);
            echo '</ul>';
        }
        echo '</li>';
    }
}

j'essaie de mettre en place une fonction qui mettrai le nom en rouge lorsqu'il es checked , mais je n'y arrive pas...

Code:

1
2
3
4
5
 
function makeViewCheck(id)
{
        document.getElementById('lab['+id+']').style.color = "red";
}

enfaite réellement ce qu'il faudrait c'est un script qui parcourt tte l'arboressence a chaque click et qui met en rouge ce qui sont coché.

23/05/2008, 16h27
marty499

aaaaaaaa
23/05/2008, 16h45
Capt. Flame

Est-ce qu'il te serait possible de mettre la liste une fois générée et non le script de création?
24/05/2008, 04h56
Zwiter

[EDIT] Ce message est a l'attention de Marty499, et non Capt Flam;)
je comprends pas l'interet.
Pourquoi ne pas ajouter une class dans la balise du nom en utilisant le meme test que pour tester si la case est cochee ?
Tu serais pas un poil shadok ?
24/05/2008, 05h19
Capt. Flame

Premièrement je ne sais pas ce que shadok veut dire.

Deuxièmement, j'ai fait cette demande pour m'assurer d'avoir exactement le code généré. Je travail en javascript et avec le DOM, j'aime simplement voir le code qui pose problème et non lceluie code qui le génère...

Troisièmement, tu as fait exactement ce qu'il fallait si tu n'aimes pas ma façon d'aider les autres: répondre à la question...

Bon, maintenant que je ne suis plus fâché ;), moi aussi je trouve, comme Zwiter, que le premier traitement pourrait se faire du côté serveur en utilisant la même condition qui est utilisée pour mettre le checkbox checked ou pas...

Une fois le code généré, tu pourrais, sur le click du checkbox, changer la couleur du nom correspondant et non parcourir l'ensemble des éléments... Pour faire ça, tu pourrais utiliser des ids... Voici un petit example...:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<html>
    <head>
        <script language="javascript" type="text/javascript">
            var changeColor = function(chk, label_id){
                if(chk.checked)
                    document.getElementById(label_id).style.color = '#ff0000';
                else
                    document.getElementById(label_id).style.color = '#000000';
            }
        </script>
    </head>
    <body>
        <ul>
            <li id="liste_item_01">
                <input id="check_01" type="checkbox" onclick="changeColor(this, 'label_01')" />
                <span id="label_01">Item 1</span>
            </li>
            <li id="liste_item_02">
                <input id="check_02" type="checkbox" onclick="changeColor(this, 'label_02')" />
                <span id="label_02">Item 2</span>
            </li>
            <li id="liste_item_03">
                <input id="check_03" type="checkbox" onclick="changeColor(this, 'label_03')" />
                <span id="label_03">Item 3</span>
            </li>
            <li id="liste_item_04">
                <input id="check_04" type="checkbox" onclick="changeColor(this, 'label_04')" />
                <span id="label_04">Item 4</span>
            </li>
        </ul>        
    </body>
</html>