Survol d'une ligne de tableau

Résolu
mikegamer1 Messages postés 40 Date d'inscription   Statut Membre Dernière intervention   -  
mikegamer1 Messages postés 40 Date d'inscription   Statut Membre Dernière intervention   -
Salut.
J'ai créé un tableau en html avec des id pour chaque ligne. Et j'aimerais savoir comment changer la couleur d'une ligne lorsque la souris le survol (avec du JavaScript).
En fait que faut-il dans ma fonction JavaScript pour le faire.
Merci bcp.
A voir également:

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

En pure javascript ou en jquery ?

Et pourquoi ne pas le faire en css ?


En pure JS
var tds = document.getElementsByTagName("td");
for(var i = 0; i < tds.length; i++) {
    tds[i].onmouseover = function() {
       this.parentNode.style.backgroundColor = "#ff0000";
    }
    tds[i].onmouseout = function() {
      this.parentNode.style.backgroundColor = "#fff";  
    }
}


En css
tr { background-color: white }
tr:hover { background-color: black };

0
mikegamer1 Messages postés 40 Date d'inscription   Statut Membre Dernière intervention  
 
Oui j'ai finalement utilisé du css pour le faire merci beaucoup.
0