Bonjour à tous,

Je voudrais changer la couleur d'une colonne sélectionnée avec une checkbox :

Lorsque je coche la 3ème checkbox de mon tableau, je vais avoir :

7 (nombre de ligne)
8 nombre de colonnes
#DAA520 : couleur du fond
false : checkbox décochée
2 : valeur de i

je n'arrive malheureusement pas à changer ma couleur de colonne, voici mon code javascript :

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
34
35
36
37
38
39
40
41
function griseChamp(i)
{
    var i,j;
    var analyse=[];
    var mesure=[];
    var nbLignes=document.getElementById("tbFAJ1").getElementsByTagName("tr").length; 
    var nbCols=document.getElementById("tbFAJ1").getElementsByTagName("tr")[0].getElementsByTagName("td").length;
    var couleurFond=document.getElementsByTagName("thead")[0].getAttribute("bgcolor");
    analyse[i]=document.getElementById("analyse["+i+"]");
 
 
    alert(nbLignes);
    alert(nbCols);
    alert(couleurFond);
    alert(analyse[i].checked);
    alert("i = "+i);
 
    if (analyse[i].checked)
    {
        for(j=0;j<nbLignes;j++)
        {
 
            analyse[i]="on";
            document.getElementById("tblFAJ1").getElementById("mesure["+j+"]["+i+"]").setAttribute("bgcolor",couleurFond);
            //alert("analyse["+i+"] : "+analyse[i]);
 
        }
    }
    else
    {
        for(j=0;j<nbLignes;j++)
        {
            analyse[i]="";
            document.getElementById("tblFAJ1").getElementById("mesure["+j+"]["+i+"]").setAttribute("bgcolor","#909090");
            //alert('off');
 
        }
    }
 return (true);
 
}
et le HTML :

Code html : 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
<table class="tblFAJ">
<caption>Analyses de routine avant ajouts</caption>
<thead id="thFAJ1" bgcolor="#DAA520">
<tbody id="tbFAJ1" bgcolor="#DAA520">
<tr>
<td class="col1" name="bain[]">B 6,3</td>
<td class="col2">
<td class="col3"></td>
<td class="col4">
RAZ
<br>
<input id="raz" type="checkbox" name="raz">
</td>
<td id="mesure[0][0]" class="coli" value="on" name="mesure[0][0]"></td>
<td id="mesure[0][1]" class="coli" value="on" name="mesure[0][1]"></td>
<td id="mesure[0][2]" class="coli" value="on" name="mesure[0][2]"></td>
<td id="mesure[0][3]" class="coli" value="on" name="mesure[0][3]"></td>
</tr>
<tr>
<td class="col1" name="bain[]">CD 6</td>
<td class="col2">
<td class="col3"></td>
<td class="col4">
<td id="mesure[1][0]" class="coli" value="on" name="mesure[1][0]"></td>
<td id="mesure[1][1]" class="coli" value="on" name="mesure[1][1]"></td>
<td id="mesure[1][2]" class="coli" value="on" name="mesure[1][2]"></td>
<td id="mesure[1][3]" class="coli" value="on" name="mesure[1][3]"></td>

Pourriez vous m'aider