Mouseover sur un tableau



Fonctionne avec Netscape 6 et 7, Mozilla 1 et plus, Internet explorer 5 et plus.
Passez la souris sur les lignes du tableau pour en changer la couleur de fond et de texte !
Ligne 1 Première ligne
Ligne 2 Passez la souris
Ligne 3 Passez votre souris sur les lignes
Ligne 4 Ici aussi !


La même chose maintenant mais uniquement par cellule de tableau
Case 1 Case 1 Case 1 Case 1
Case 1 Case 1 Case 1 Case 1
Case 1 Case 1 Case 1 Case 1
Case 1 Case 1 Case 1 Case 1


Principe :
- On définit 2 styles (voir le tutorial sur les feuilles de style de Tout JavaScript.com)
  tabnormal => fond blanc, couleur de texte bleue
  tabover => fond rouge, couleur de texte blanche
- On affecte le style tabnormal par défaut aux lignes ou aux cellules.
- On détecte le passage de la souris par onmouseover et on change le nom du style.
- Pareil quand la souris quitte la zone par onmouseout.








Tout JavaScript.com