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 :
et le HTML :
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); }
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
Partager