Discussion :

[P_mission]

Bonjour,

Comment faire pour changer la couleur de la ligne de tableau au moment de survol souris.

(Comme par exemple dans le console admin de MySQL, la ligne entière change la couleur) : Le texte dans les cellules de tableau n'est forcément par le lien.

Merci.

[Er3van]

Tu peux utiliser la pseudo classe hover, mais elle n'est pas reconnue par IE.

Par exemple :

Code :

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

1
2
3
4
 
tr :hover {
      background-color : #FFCCCC ;
}

Par contre je ne sais plus si ça affecte toute la ligne, à voir...

[romain_ci]

Tu peux utiliser la pseudo classe hover, mais elle n'est pas reconnue par IE.

Par exemple :

Code :

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

1
2
3
4
 
tr :hover {
      background-color : #FFCCCC ;
}

Par contre je ne sais plus si ça affecte toute la ligne, à voir...

En CSS je voit que ca aussi !
Sinon il y a des solutions en Html ou JS

[Erwan31]

De mémoire je suis pas certain que le hover fonctionne sur le tr dans tous les navigateurs, en tous cas ça ne fonctionnera pas sur IE6.

Donc il y a aussi cette solution qui peut-être appliquée ponctuellement
mais bien trop lourde en cas d'application massive.
Dans ce cas il faudra se reporter sur une fonction JS appliquée via une class.

Exemple

Code :

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

 <tr onmouseover="this.style.backgroundColor='#FCC';" onmouseout="this.style.backgroundColor='transparent';">

[P_mission]

Merci les amis,

J'ai utilisé la solution proposé par Erwan31. ça fontionne très bien.

Pour quoi cette solution serait lourde ?

Merci.

[romain_ci]

a mettre pour chaques lignes !!
Donc beaucoup moin flexible qu'un CSS