IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Changer la couleur d'une ligne (TR)


Sujet :

JavaScript

  1. #1
    Membre régulier Avatar de tavarlindar
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 262
    Points : 97
    Points
    97
    Par défaut Changer la couleur d'une ligne (TR)
    Bonsoir,

    Décidément JS c'est pas encore mon truc !

    Je cherche à modifier la couleur d'une ligne suite à l'exécution d'une fonction.
    J'ai essayé plein de code, mais en vain. J'ai essayé d'utilisé className, mais ...

    le code JS :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function majNumLignes(num_tbody){
     
    		.... début de fonction ....
     
    		for(var i = 0 ; i < nbLignes ; i++){
    		var tbl = document.getElementById('tabprincing');
     
    		tbl.tBodies[num_tbody].getElementsByTagName('tr').style.bgcolor = 'green';
    Je souhaite pouvoir modifier la couleur d'une ligne afin d'alterner les couleurs du tableau.
    Page de test (affiche code source)

    Par avance merci.
    Mieux vaut penser avant d'agir que d'agir en rêvant.

  2. #2
    Membre régulier Avatar de tavarlindar
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 262
    Points : 97
    Points
    97
    Par défaut
    je suis sur la bonne voie !

    <style type="text/css">
    <!--
    #tblSample td, th { padding: 0.5em; }
    .classy0 { background-color: #234567; color: #89abcd; }
    .classy1 { background-color: #89abcd; color: #234567; }
    .bleu0 {background-color: #ECF0FF; color:red;}
    .bleu1 {background-color: yellow; color:red;}
    .bleu2 {background-color: green; color:red;}
    -->
    </style>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    tbl.tBodies[num_tbody].rows[i].className = 'bleu'+(i%2);
    ouf !
    Mieux vaut penser avant d'agir que d'agir en rêvant.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Changer la couleur d'une ligne dans un DBGrid
    Par fba dans le forum Composants VCL
    Réponses: 5
    Dernier message: 24/10/2005, 20h30
  2. Changer la couleur d une ligne de tableau au survol
    Par logica dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 18/07/2005, 11h57
  3. Réponses: 7
    Dernier message: 28/06/2005, 11h53
  4. Réponses: 8
    Dernier message: 14/05/2004, 11h18
  5. [VB6]Changer la couleur d'une ligne d'un ListView
    Par Troopers dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 14/03/2003, 17h02

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo