[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

Vue hybride

Discussions similaires

Partager

Partager