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

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé 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
    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.

  2. #2
    Membre éclairé 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
    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 !

+ 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