Discussion :

[The eye]

Bonjour,

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

Voici le code :

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
 
 
<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

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

[SoBaKa]

peut etre comme ça?

Code :

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

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

[jln13]

salut,

c'est parce que c'est plutot ca :

Code :

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

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 ^^

[The eye]

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

[d-Rek]

Sans ID..

Code :

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

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

[krapno]

salut,

sans javascript, juste avec du CSS:

Code :

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

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,

[d-Rek]

krapno> Ta méthode est cross-browser ?

[The eye]

salut,

sans javascript, juste avec du CSS:

Code :

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

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!