Comment colorer une ligne d'un tableau avec une case à cocher ?

**Gdal** · 06/08/2011, 10h46

Bonjour,

Je cherche à colorer une ligne dont la case à cocher, en début de ligne, est validée.
Je ne connais pas grand chose au JS, j'ai recherché dans le forum, mais apparemment il y a beaucoup de façon de faire... J'ai une contrainte: La page sur laquelle je dois colorer les lignes est créée par un code que je ne peux pas la modifier (Serveur de Fax Sagem).

Voici comment sont codées les lignes:

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
 
<tr class="row1">
    <td width="72">
    <nobr>
    <input type="Checkbox" id="CheckRow" name="CheckRow" value="3" onClick=Check()>
    <a href="javascript:getTiff('/fax', 3, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
 
    <a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=3&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
 
    </nobr>              
    </td>
 
    <td class="faxes"><a id="anchor3"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308828978000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor3"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">45</a></td>
 
    <td class="faxes"><a id="anchor3"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor3"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">GlobalComServer</a></td>
 
    <td class="faxes"><a id="anchor3"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor3"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
 
    <td class="faxes"><a id="anchor3"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308828983000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor3"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">RG - Rexel Fgs
OP</a></td>
 
</tr>
 
<tr class="row0">
    <td width="72">
    <nobr>
    <input type="Checkbox" id="CheckRow" name="CheckRow" value="4" onClick=Check()>
    <a href="javascript:getTiff('/fax', 4, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
 
    <a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=4&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
 
    </nobr>              
    </td>
 
    <td class="faxes"><a id="anchor4"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308821037000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor4"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">43</a></td>
 
    <td class="faxes"><a id="anchor4"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor4"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">0299518393</a></td>
 
    <td class="faxes"><a id="anchor4"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor4"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
 
    <td class="faxes"><a id="anchor4"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308821042000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor4"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">VF - Derrouch
CR EPAHD Louvigné</a></td>
 
</tr>
 
<tr class="row1">
    <td width="72">
    <nobr>
    <input type="Checkbox" id="CheckRow" name="CheckRow" value="5" onClick=Check()>
    <a href="javascript:getTiff('/fax', 5, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
 
    <a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=5&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
 
    </nobr>              
    </td>
 
    <td class="faxes"><a id="anchor5"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308731568000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor5"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">24</a></td>
 
    <td class="faxes"><a id="anchor5"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor5"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor5"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor5"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
 
    <td class="faxes"><a id="anchor5"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308731573000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor5"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">DG - Bouygues</a></td>
 
</tr>
 
<tr class="row0">
    <td width="72">
    <nobr>
    <input type="Checkbox" id="CheckRow" name="CheckRow" value="6" onClick=Check()>
    <a href="javascript:getTiff('/fax', 6, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
 
    <a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=6&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
 
    </nobr>              
    </td>
 
    <td class="faxes"><a id="anchor6"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308062381000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor6"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">22</a></td>
 
    <td class="faxes"><a id="anchor6"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor6"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor6"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor6"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
 
    <td class="faxes"><a id="anchor6"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308062386000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor6"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Tous - Loxam Tarif</a></td>
 
</tr>
 
<tr class="row1">
    <td width="72">
    <nobr>
    <input type="Checkbox" id="CheckRow" name="CheckRow" value="7" onClick=Check()>
    <a href="javascript:getTiff('/fax', 7, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
 
    <a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=7&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
 
    </nobr>              
    </td>
 
    <td class="faxes"><a id="anchor7"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1306829840000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor7"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">101</a></td>
 
    <td class="faxes"><a id="anchor7"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor7"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">0299992662</a></td>
 
    <td class="faxes"><a id="anchor7"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
 
    <td class="faxes"><a id="anchor7"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
 
    <td class="faxes"><a id="anchor7"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1306829845000).toLocaleString())</script></a></td>
 
    <td class="faxes"><a id="anchor7"  href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">YR - SOFRICA Cde</a></td>
 
</tr>

Merci du coup de main

Gdal

**Bovino** · 06/08/2011, 10h55

J'ai une contrainte: La page sur laquelle je dois colorer les lignes est créée par un code que je ne peux pas la modifier

Ben il faudra bien si tu veux intégrer un script

Code :

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

onClick=Check()

Les valeurs des attributs doivent être entre quotes.
Sinon, c'est quoi cette fonction check ?

**Gdal** · 06/08/2011, 11h11

Re,

La fonction Check()

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
 
/*
* \brief This function is triggered when the user press
* any of the CheckRow boxes. This function valids
* the state of the CheckRowAll box.
**/
function Check()
{
if (document.ProcessFaxes.CheckRow.length > 0 )
{
for (i = 0; i < document.ProcessFaxes.CheckRow.length; i++)
{
if (document.ProcessFaxes.CheckRow[i].checked == false)
{
document.ProcessFaxes.CheckRowAll.checked = false;
return;
}
}
document.ProcessFaxes.CheckRowAll.checked = true;
}
else
{
document.ProcessFaxes.CheckRowAll.checked = document.ProcessFaxes.CheckRow.checked;
}
}

RomainVALERI, je testerais ton code lundi au bureau.

Gdal

Comment colorer une ligne d'un tableau avec une case à cocher ?

JavaScript

Discussions similaires

Partager

Partager