Discussion :

[claralavraie]

Bonjour,

je voudrais mettre en surbrillance une ligne de mon tableau quand la souris passe dessus...
j'ai essayé de le faire avec une feuille de style css mais cela ne fonctionne pas.
Quelqu'un aurait il une idée pour le faire en javascript..
je ne m'y connais pas.
Merci

[SpaceFrog]

il n'est pas possible de le faire uniquement en css car seule la balise a permet le hover universellement et il n'est pas possible de mettre une ligne dans une balise a (sauf à fait un code de poulpe avarié )

il faut compiner css et javascript ...

un classe normale et une classe surbrillance (background-color)

puis sur le onmouseover et onmouseout modifier le className du tr ...

[claralavraie]

euh je ne comprends pas trop?
je mets du javascript dans

[claralavraie]

mon css?

[claralavraie]

ok j'ai compris
j'ai mis ceci:

Code :

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

1
2
3
 
 
<tr class="affichage" onmouseover="">

mais je ne sais pas comment faire pour indiquer de changer de class dans mon Mouseover....
j'essaye de rechercher sur internet mais je ne trouve rien

[SpaceFrog]

j'ai dit ça moi ?

Non pas du tout
tu fais deux classes css ... jusque là tout est normal ...
tu mets au depart ton tr en class normal ...
là encore rien de bien sorcier ...
mais là ou ça devient magique ... mais pas très compliqué, c'est d'utiliser le onmousevoer en onmouseout du tr pour lui faire changer de class ...

Code :

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

1
2
 
onmouseover="this.className='surbrillance'" onmouseout="this.className='normal'"

dans la balsie tr ...

[claralavraie]

ok merci..