Voici une petite fonction javascript qui vous permettra de rendre vos tableau un peu plus vivant.
<head> function affichCouleur(arg) { arg.style.background = '#F93' arg.style.cursor = 'pointer'; } function effaceCouleur(arg) { arg.style.background = '' }
On créé deux fonctions la première “afficheCouleur” permet d'afficher la couleur la seconde effaceCouleur l'enlèvera.
arg.style.background = '#f93' permet de modifier la couleur de la ligne
arg.style.cursor = 'pointer' modifiera l'aspect du curseur de la souris.
arg.style.background = '' supprimera la couleur.
<table> <tr onMouseOver="affichCouleur(this);" onmouseout="effaceCouleur(this);"> <td> Colonne 1 </td> <td> Colonne 2 </td> </tr> </table>
il suffit maintenant d'appliquer la fonction affichCouleur lors du passage de la souris (onMouseOver) et la fonction effaceCouleur lorsque la souris n'est plus sur la ligne en question (onMouseOut).
Discussion