Code pour backgrounder une ligne <tr>

Version imprimable

22/04/2008, 14h00
whitespirit

Code pour backgrounder une ligne <tr>

Bonjour,

En fait, j'ai un code pour que lors du survol d'une cellule de mon tableau, je change de couleur la couleur de fond de la ligne :

Code:

<tr class = "tab_tr_normal" onMouseOut="javascript:this.style.background='#f4f7fc'" onMouseOver="javascript:this.style.background='#ebebeb'">

Par contre, je voudrai qu'après survol, je ne replace pas la couleur existante par la couleur présente mais par la couleur avant le survol.

Je m'explique, par défaut une ligne sur deux de mon tableau est colorés. Lorsque je passe le curseur sur une ligne, je veu bien mettre cette ligne en surbrillance mais lorsque le curseur quitte la ligne, je veux remettre la couleur original.

Ne pratiquant pas le js, je vous demande votre aide pour résoudre ce problème. Merci d'avance.
22/04/2008, 14h16
SPKlls

Pourquoi ne pas utiliser simplement la propriété CSS hover ?
22/04/2008, 14h21
SpaceFrog

parceque le hover ne fonctionne universellement que sur la balise a ...

Code:

onmouseout="this.style.backgroundColor='#f4f7fc'"
22/04/2008, 14h23
E.Bzz

Bonjour,

Citation:

Envoyé par SPKlls

Pourquoi ne pas utiliser simplement la propriété CSS hover ?

parce qu'avec IE ça ne fonctionnera pas sur un <tr> :mrgreen:

Code:

<tr class = "tab_tr_normal" onMouseOut="this.style.backgroundColor=col_tmp;" onMouseOver="col_tmp=this.style.backgroundColor;this.style.backgroundColor='#ebebeb'">

col_tmp doit être déclaré en global (dans le <head>).

A+
22/04/2008, 15h12
whitespirit

Nickel, ça fonctionne merci 1000+1 fois.