Changer la couleur d'une colonne d'un tableau

pas44 Messages postés 29 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

3 réponses

  1. Atropa Messages postés 2051 Statut Membre 274
     
    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
  2. pas44 Messages postés 29 Statut Membre
     
    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
  3. Atropa Messages postés 2051 Statut Membre 274
     
    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