[Résolu] Changement de couleur au passage de la souris

Changement de couleur au passage de la souris [Résolu] - HTML/CSS - Programmation

Marsh Posté le 20-10-2006 à 09:14:30    

Bonjour, j'ai un tableau d'affichage avec des lignes de couleurs alternées. Je voudrai faire un changement de couleur au passage de la souris.
J'ai trouvé ce script sur le net:
 

Code :
  1. <script>
  2. function changeCouleur(ligne)
  3.   {
  4.   ligne.bgColor = '#C0C0C0';
  5.   }
  7. function remetCouleur(ligne)
  8.   {
  9.   ligne.bgColor = '#FFFFFF';
  10.   }
  11. </script>


 
 
et puis dans mon tableau:
 

Code :
  1. <tr onMouseOver="changeCouleur(this);" onMouseOut="remetCouleur(this);">


 
 
Ce script fonctionne très bien avec des <TR> de même couleur au départ, mais dans mon cas, je me retrouve avec un tableau tout blanc à la fin.
 
Comment faire pour conserver l'alternance des couleurs après le passage de la souris?
 
Merci par avance.


Message édité par Ben-o le 20-10-2006 à 10:04:57
Reply

Marsh Posté le 20-10-2006 à 09:14:30   

Reply

Marsh Posté le 20-10-2006 à 09:21:10    

ton code il est tout pas beau :o

Code :
  1. window.onload = function (e){
  2.   var trNodes = document.getElementsByTagName('tr');
  3.   for(var i=0; i<trNodes.length; i++){
  4.     trNodes[i].onmouseover = function (e){
  5.       this.style.backgroundColor='#C0C0C0';
  6.     }
  7.     trNodes[i].onmouseout = function (e){
  8.       this.style.backgroundColor='';
  9.     }
  10.   }
  11. }


Biensur j'imagine que tu as sois une couleur de fond dans ton table, ou alors stylé tous les tr dans ta css.
 
edit: Ah oui quelques précisions, tu mets ça dans le head de ta page et tu vires les on* de ton code html, donc tes tr deviennent:

Code :
  1. <tr>...</tr>


Message édité par anapajari le 20-10-2006 à 09:22:08
Reply

Marsh Posté le 20-10-2006 à 09:42:14    

Merci beaucoup pour la rapidité de ta réponse! C'est génial, ça fonctionne très bien.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed