j'ai utilisé la 1ere méthode qui marche très bien

j'avoue que pour la 2eme je n'ai pas très bien compris, mais c'est pas grave

merci jojolapine ! :mrgreen: =D>

Alors il va falloir stocker l'ancienne valeur quelque part ;), je ferai comme ça:
[code] <script language="javascript">
var colorTmp=''; // variable déclaré en global
function colore(obj) {
colorTmp=obj.style.background;
obj.style.background = '#FF0000';
}
function decolore(obj) {
obj.style.background = colorTmp;
}
</script>[/code]
Mais ça veut dire qu'il faut que tu définisses ces couleurs, dans le code html, sinon [i]obj.style.background[/i] ne retournera rien...
Sinon une solution plus propre, tu crées une classe [i]table_color_hover[/i], et tu faits en sorte qu'au survol, l'élément ai ceci dans ces classe:
[code]<elmt class="table_color_x table_color_hover">[/code]
Ainsi la dernière classe écrase le reste, et ensuite, il suffit de l'enlever, à coup de split ou autre...
ça ferait qqch comme ça:[code] <script language="javascript">
function colore(obj) {
obj.className += ' table_color_hover';
}
function decolore(obj) {
tmp=obj.className;
tmp=tmp.split(' ');
obj.className=tmp[0];
}
</script>[/code]
Voilà ;)

en effet, les lignes ne restent plus figé en rouge quand la souris s'en va,

mais il deviennent blanc alors que la couleur précédente était du gris claire ou foncé ...

Tu peux très simplement passer la valeur [i]inherit[/i]...
[code] <script language="javascript">
function colore(obj) {
obj.style.background = '#FF0000'
}
function decolore(obj) {
obj.style.background = 'inherit'
}
</script>[/code]
ça permet de dire au css de prendre la valeur spécifiée plus avant dans le code, en l'occurrence ici, la valeur définie dans ta classe table_color_2...

Bonjour,

j'ai un tableau qui a chaque ligne attribue une couleur, il existe 2 couleur, voici une version simplifié :

[code]$count = 0;
($count % 2 == 1) ? $color = "table_color_1" : $color = "table_color_2";

echo '<tr class="'.$color.'">';

$count++;
[/code]

maintenant je change la couleur de chaque ligne quand la souris passe dessus :

[code]
<script language="javascript">
function colore(obj) {
obj.style.background = '#FF0000'
}
function decolore(obj) {
obj.style.background = '#FFFFFF'
}
</script>


echo '<tr class="'.$color.'" onmouseover="colore(this)" onmouseout="decolore(this)">';
[/code]


mais j'aimerai retrouver la même couleur présente avant le passage de la souris

l'idée est la suivante :

[code]
function decolore(obj, oldColor) {
obj.style.background = oldColor;
}

onmouseout="decolore(this,$color)"
[/code]

mais cette façon fait qu'une fois la souris passé la couleur ne change plus!

une idée ?