Sujet Précédent Sujet Suivant

Changer la couleur d'une colonne d'un tableau

Fermé
pas44 Messages postés 28 Date d'inscription samedi 20 octobre 2012 Statut Membre Dernière intervention 31 octobre 2012 - 27 oct. 2012 à 13:27
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 - 28 oct. 2012 à 13:20
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
A voir également:

3 réponses

Réponse 1 / 3
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
27 oct. 2012 à 19:08
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;
}
0
Réponse 2 / 3
pas44 Messages postés 28 Date d'inscription samedi 20 octobre 2012 Statut Membre Dernière intervention 31 octobre 2012
28 oct. 2012 à 12:07
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
0
Réponse 3 / 3
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
28 oct. 2012 à 13:20
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...
0