Survol d'une ligne de tableau
Résolu
mikegamer1
Messages postés
30
Date d'inscription
Statut
Membre
Dernière intervention
-
mikegamer1 Messages postés 30 Date d'inscription Statut Membre Dernière intervention -
mikegamer1 Messages postés 30 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.
--
Posté depuis https://itunes.apple.com/fr/app/ccm-live-discussion-forum/id871822609?mt=8CCM Live forum pour iPhone/iPad]
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.
--
Posté depuis https://itunes.apple.com/fr/app/ccm-live-discussion-forum/id871822609?mt=8CCM Live forum pour iPhone/iPad]
A voir également:
- Survol d'une ligne de tableau
- Tableau word - Guide
- Trier un tableau excel - Guide
- Imprimer tableau excel sur une page - Guide
- Partage de photos en ligne - Guide
- Formulaire en ligne de meta - Guide
2 réponses
Bonjour,
En pure javascript ou en jquery ?
Et pourquoi ne pas le faire en css ?
En pure JS
En css
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 };
