Survol d'une ligne de tableau

Résolu/Fermé
mikegamer1 Messages postés 40 Date d'inscription mardi 31 juillet 2018 Statut Membre Dernière intervention 19 février 2019 - 28 janv. 2019 à 14:35
mikegamer1 Messages postés 40 Date d'inscription mardi 31 juillet 2018 Statut Membre Dernière intervention 19 février 2019 - 29 janv. 2019 à 17:55
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 38136 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 avril 2024 4 649
28 janv. 2019 à 14:52
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 mardi 31 juillet 2018 Statut Membre Dernière intervention 19 février 2019
29 janv. 2019 à 17:55
Oui j'ai finalement utilisé du css pour le faire merci beaucoup.
0