Changer la couleur d'une colonne d'un tableau
pas44
Messages postés
29
Statut
Membre
-
Atropa Messages postés 2051 Statut Membre -
Atropa Messages postés 2051 Statut Membre -
Bonjour,
En utilisant :onclick="this.style.background='#FF9933'" dans la balise <td>,
j'arrive à faire changer la couleur d'une cellule en cliquant dedant . D'une ligne en l'insérant dans la balise <TR>
Mais avez vous une solution pour la colonne
merci
En utilisant :onclick="this.style.background='#FF9933'" dans la balise <td>,
j'arrive à faire changer la couleur d'une cellule en cliquant dedant . D'une ligne en l'insérant dans la balise <TR>
Mais avez vous une solution pour la colonne
merci
3 réponses
-
avec une boucle
function cols(id,numCol,color) {
/*
1 - id : String -> identifiant du tableaux
2 - numCol : Int -> numéro de la colonne en partant de 0
3 - color : String -> couleur css
*/
var t = document.getElementById(id);
for(var i = 0;t.getElementsByTagName('tr')[i];i++)
t.getElementsByTagName('tr')[i].getElementsByTagName('td')[numCol].style.backgroundColor = color;
} -
Merci pour ta réponse. Mais comment faire pour :numCol : Int -> numéro de la colonne en partant de 0
et comment intégrer la fonction dans le body ?
merci -
c'est simple
<div onclick="cols('idTable',1,'#ff0000')">div ou ce que tu veux avec l'évènement que tu veux</div>
par exemple là ça colore la 2ème colonne normalement...