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 d'un tableau


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre chevronné Avatar de Filippo
    Homme Profil pro
    Statisticien
    Inscrit en
    Mai 2004
    Messages
    864
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Eure (Haute Normandie)

    Informations professionnelles :
    Activité : Statisticien

    Informations forums :
    Inscription : Mai 2004
    Messages : 864
    Par défaut Changer la couleur d'une ligne d'un tableau
    Bonjour,
    j'éxécute une fonction qui modifie la couleur d'un CheckBoxList (ici appelé Source) :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function verif(Source)
        {
            document.all(Source).bgColor="magenta";
            document.all(Source).fgColor="white";
        }
    Et qui marche bien.

    En revanche si j'essaie de faire modifier par cette fonction, non seulement la couleur du CheckBoxList mais aussi celle de la ligne du tableau dans laquelle ce contrôle est placé la couleur de la ligne ne change pas.


    Les cases du tableau portent l'identifiant t_IdentifiantDuCheckBoxList_11 et t_IdentifiantDuCheckBoxList_12 :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function verifcoche(Source)
        {
            document.all("t_" + Source + "_11").bgColor="magenta";
            document.all("t_" + Source + "_11").fgColor="white";
            document.all("t_" + Source + "_12").bgColor="magenta";
            document.all("t_" + Source + "_12").fgColor="white";
            document.all(Source).bgColor="magenta";
            document.all(Source).fgColor="white";    }
    Quelqu'un aurait-il une idée ?
    Merci

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    oula attention document all est exclu IE ...

    mieux vaut utiliser la syntaxe des id si comme tu le dis tes objets ont bien une id ...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('idobjet').style.backgroundColor=...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre chevronné Avatar de Filippo
    Homme Profil pro
    Statisticien
    Inscrit en
    Mai 2004
    Messages
    864
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Eure (Haute Normandie)

    Informations professionnelles :
    Activité : Statisticien

    Informations forums :
    Inscription : Mai 2004
    Messages : 864
    Par défaut
    Citation Envoyé par SpaceFrog
    oula attention document all est exclu IE ...

    mieux vaut utiliser la syntaxe des id si comme tu le dis tes objets ont bien une id ...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('idobjet').style.backgroundColor=...
    Ah merci SpaceFrog, j'essaie cette syntaxe ...

    Ca marche !
    Super !
    Bravo !

    Il y a juste le foreground qui reste noir mais le background passe bien en magenta.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function verifcoche(Source)
        {
            document.getElementById("t_" + Source + "_11").style.backgroundColor="magenta";
            document.getElementById("t_" + Source + "_12").style.backgroundColor="magenta";
            document.getElementById("t_" + Source + "_11").style.foregroundColor="white";
            document.getElementById("t_" + Source + "_12").style.foregroundColor="white";
            document.all(Source).bgColor="magenta";
            document.all(Source).fgColor="white";
        }

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    foregroundColor??? ça existe ça ???

    style.color si tu veux la police ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre chevronné Avatar de Filippo
    Homme Profil pro
    Statisticien
    Inscrit en
    Mai 2004
    Messages
    864
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Eure (Haute Normandie)

    Informations professionnelles :
    Activité : Statisticien

    Informations forums :
    Inscription : Mai 2004
    Messages : 864
    Par défaut
    Citation Envoyé par SpaceFrog
    foregroundColor??? ça existe ça ???

    style.color si tu veux la police ...
    Je ne sais pas, en tout cas ça n'a pas causé d'erreur.

    J'utilise style.color pour la police.

    Encore merci

    Fonction corrigée pour ceux que ça intéresse :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     function verifcoche(Source)
        {
     
            document.getElementById("t_" + Source + "_11").style.backgroundColor="magenta";
            document.getElementById("t_" + Source + "_12").style.backgroundColor="magenta";
            document.getElementById("t_" + Source + "_11").style.color="white";
            document.getElementById("t_" + Source + "_12").style.color="white";
     
            document.getElementById(Source).style.backgroundColor="magenta";
            document.getElementById(Source).style.color="white";
     
        }

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    mais tu cherches à changer quoi avec forgroundColor ???
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ 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