Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1284 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1461086
Ben-o
Posté le 20-10-2006 à 09:14:30  profilanswer
 

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.   }
  6. function remetCouleur(ligne)
  7.   {
  8.   ligne.bgColor = '#FFFFFF';
  9.   }
  10. </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
mood
Publicité
Posté le 20-10-2006 à 09:14:30  profilanswer
 

n°1461090
anapajari
s/travail/glanding on hfr/gs;
Posté le 20-10-2006 à 09:21:10  profilanswer
 

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
n°1461107
Ben-o
Posté le 20-10-2006 à 09:42:14  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[résolu][C]Comment insérer une image dans un programme.[MFC][Résolu] Tab spécifiques (Comment rendre un bouton transparent)
prob de couleur sur texte dynamique[Résolu]Fenêtres existentes et fenêtre active
[RESOLU] Définir onmouseover dans options dynamiques[access] limiter les resultats retournés dans un group by - Résolu !
[resolu] Créer base de données sur hebergement.com[Résolu][Script aculo us] Sortable.create
[resolu] problème de regex[Résolu] Changement de couleur au passage de la souris
Plus de sujets relatifs à : [Résolu] Changement de couleur au passage de la souris


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR