Discussion :

[Filippo]

Bonjour,
j'éxécute une fonction qui modifie la couleur d'un CheckBoxList (ici appelé Source) :

Code :

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

1
2
3
4
5
function verif(Source)
    {
        document.all(Source).bgColor="magenta";
        document.all(Source).fgColor="white";
    }

Et qui marche bien.

En revanche si j'essaie de faire modifier par cette fonction, non seulement la couleur du CheckBoxList mais aussi celle de la ligne du tableau dans laquelle ce contrôle est placé la couleur de la ligne ne change pas.


Les cases du tableau portent l'identifiant t_IdentifiantDuCheckBoxList_11 et t_IdentifiantDuCheckBoxList_12 :

Code :

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

1
2
3
4
5
6
7
8
function verifcoche(Source)
    {
        document.all("t_" + Source + "_11").bgColor="magenta";
        document.all("t_" + Source + "_11").fgColor="white";
        document.all("t_" + Source + "_12").bgColor="magenta";
        document.all("t_" + Source + "_12").fgColor="white";
        document.all(Source).bgColor="magenta";
        document.all(Source).fgColor="white";    }

Quelqu'un aurait-il une idée ?
Merci

[SpaceFrog]

oula attention document all est exclu IE ...

mieux vaut utiliser la syntaxe des id si comme tu le dis tes objets ont bien une id ...

Code :

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

document.getElementById('idobjet').style.backgroundColor=...

[Filippo]

oula attention document all est exclu IE ...

mieux vaut utiliser la syntaxe des id si comme tu le dis tes objets ont bien une id ...

Code :

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

document.getElementById('idobjet').style.backgroundColor=...

Ah merci SpaceFrog, j'essaie cette syntaxe ...

Ca marche !
Super !
Bravo !

Il y a juste le foreground qui reste noir mais le background passe bien en magenta.

Code :

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

1
2
3
4
5
6
7
8
9
function verifcoche(Source)
    {
        document.getElementById("t_" + Source + "_11").style.backgroundColor="magenta";
        document.getElementById("t_" + Source + "_12").style.backgroundColor="magenta";
        document.getElementById("t_" + Source + "_11").style.foregroundColor="white";
        document.getElementById("t_" + Source + "_12").style.foregroundColor="white";
        document.all(Source).bgColor="magenta";
        document.all(Source).fgColor="white";
    }

[SpaceFrog]

foregroundColor??? ça existe ça ???

style.color si tu veux la police ...

[Filippo]

foregroundColor??? ça existe ça ???

style.color si tu veux la police ...

Je ne sais pas, en tout cas ça n'a pas causé d'erreur.

J'utilise style.color pour la police.

Encore merci

Fonction corrigée pour ceux que ça intéresse :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 function verifcoche(Source)
    {
 
        document.getElementById("t_" + Source + "_11").style.backgroundColor="magenta";
        document.getElementById("t_" + Source + "_12").style.backgroundColor="magenta";
        document.getElementById("t_" + Source + "_11").style.color="white";
        document.getElementById("t_" + Source + "_12").style.color="white";
 
        document.getElementById(Source).style.backgroundColor="magenta";
        document.getElementById(Source).style.color="white";
 
    }

[SpaceFrog]

mais tu cherches à changer quoi avec forgroundColor ???

[Filippo]

Le tableau peut comporter beaucoup de lignes.

Je cherche à modifier l'apparence d'une ligne une fois qu'on a cliqué dessus (sur un CheckBoxList qui est placé dessus) pour que facilement en regardant le tableau on voit ce qui a déjà été cliqué.

Je trouve qu'avec des couleurs bien "flashy" ça saut mieux aux yeux, donc modifier couleur de police et fond ... voilà

[SpaceFrog]

donc tout est résolu ?

je pensais que backgroundColor et color ne te suffisaient pas ...

[Filippo]

Oui c'est parfait, le problème est bien résolu (j'ai cliqué sur le bouton résolu ).

Là j'essaie juste d'accéder à l'élément ligne du tableau (<TR>) au lieu des deux colonnes (<TD>), color s'applique bien mais pas backgroundColor.

Code :

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

document.getElementById("t_" + Source + "_l").style.backgroundColor="yellow";

ne change pas la couleur de fond de la ligne en question.

En revanche :

Code :

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

document.getElementById("t_" + Source + "_l").style.color="blue";

Met bien les textes placés sur la ligne en bleu.

Référencer la ligne m'éviterait d'avoir à donner un ID à toutes les cases du tableau et de ne référencer que les lignes.

Mais bon j'ai déjà une solution faisable avec la modification des cases du tableau.

[SpaceFrog]

as tu une couleur de fond sur les td ..

sinon pour acceder au td sasn id il faut passer par

Code :

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

document.getElementsByTagName('table')[0].getElementsByTagName('tbody')[0].getElementsByTagName('tr')[nr ligne]

[Filippo]

Merci encore.

Je m'aperçois à l'instant que ce que j'ai fait fonctionne pour les lignes dont je n'ai pas défini de couleur au départ (j'alterne les lignes une grise, une blanche pour plus de visibilité).

Là j'essayais le code de la faq pour changer la couleur des lignes quandon passe la souris dessus; ça ne marche que pour les lignes dont je n'ai pas défini de couleur au départ.

Donc soit je retire mon grisage une ligne sur deux soit j'utilsie ça.

je note le code pour accéder aux colonnes sans ID.

Merci