Changer la couleur de fond d'un tr

Version imprimable

Bonjour,

j'aimerais pouvoir changer la couleur de fond d'une ligne de mon tableau.

Voici le code :

Code:

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
 
 
<table id="tab_produit" width="100%" style="border-style:solid;">
            <tr style="background-color:Transparent">
                <td style="border-style:solid;">Référence</td>
                <td style="border-style:solid;">Nom</td>
                <td style="border-style:solid;">PVTTC</td>
            </tr>
            <tr id="td_188636" onmousemove="BackColorChange('td_188636')" onmouseout="BackColorInit('td_188636')">
                    <td>188636</td>
                    <td>CUISSARD SB SPORT GRAPHIQUE GR</td>
                    <td>120</td>
            </tr>
</table>
 
<script type="text/javascript" language="javascript">
 
function BackColorChange (colone){
    document.getElementById(colone).BackColor = 'red';
}
 
function BackColorInit (colone){
    document.getElementById(colone).BackColor = 'white';
}
 
</script>

Mais ça ne marche pas :cry:

le .BackColor ne fait rien... même pas une erreur JavaScript

28/12/2007, 12h21
SoBaKa

peut etre comme ça?

Code:

document.getElementById(colone).style.backgroundColor = "red";

salut,

c'est parce que c'est plutot ca :
Code:

1 2 3 4 5 6 <script language="javascript"> function BackColorChange(colone) { document.getElementById(colone).style.backgroundColor=couleur; } </script>
Edit: oups desole pas assez rapide ^^

28/12/2007, 16h05
The eye

:lol: merci bcp les gars pour votre aide.

Comptant de voir qu'il y a toujours du monde pour filer un coup de main sur developpez.net :king:
28/12/2007, 16h20
d-Rek

Sans ID..

Code:

<tr bgcolor="#FF0000" onMouseOver="this.backgroundColor='#FFFFFF';" onMouseOut="this.backgroundColor='#FF0000';">

salut,

sans javascript, juste avec du CSS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<style>
.maligne {
	background-color: #FF0000;
}
 
.maligne:hover {
	background-color: #FFFFFF;
}
</style>
 
<tr class="maligne">
<td>bla bla</td>
</tr>

Cordialement,

28/12/2007, 17h27
d-Rek

krapno> Ta méthode est cross-browser ?
28/12/2007, 18h39
The eye
Citation:
Envoyé par krapno

salut,

sans javascript, juste avec du CSS:

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <style> .maligne { background-color: #FF0000; } .maligne:hover { background-color: #FFFFFF; } </style> <tr class="maligne"> <td>bla bla</td> </tr>

Cordialement,
Voilà qui est intéressant :)
Je prends! :mrgreen: