Code pour backgrounder une ligne <tr>

**whitespirit** · 22/04/2008, 14h00

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 :

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

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

**SPKlls** · 22/04/2008, 14h16

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

**SpaceFrog** · 22/04/2008, 14h21

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

Code :

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

onmouseout="this.style.backgroundColor='#f4f7fc'"

**E.Bzz** · 22/04/2008, 14h23

Bonjour,

Envoyé par SPKlls

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

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

Code :

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

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

**whitespirit** · 22/04/2008, 15h12

Nickel, ça fonctionne merci 1000+1 fois.

Code pour backgrounder une ligne <tr>

JavaScript

Discussions similaires

Partager

Partager