[DOM] couleur text checked

**marty499** · 23/05/2008, 15h09

bonjour toujours moi avec mon arborescence

donc alors voici ma fonction qui créé larborescence...

Code :

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

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 :

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

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é.

**marty499** · 23/05/2008, 16h27

aaaaaaaa

**Capt. Flame** · 23/05/2008, 16h45

Est-ce qu'il te serait possible de mettre la liste une fois générée et non le script de création?

**Zwiter** · 24/05/2008, 04h56

[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 ?

**Capt. Flame** · 24/05/2008, 05h19

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...

**Capt. Flame** · 24/05/2008, 16h13

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 :

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
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>

[DOM] couleur text checked

JavaScript

Discussions similaires

Partager

Partager