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 :

Couleur selon une valeur dans un <td> en javascript/html


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 16
    Points : 11
    Points
    11
    Par défaut Couleur selon une valeur dans un <td> en javascript/html
    Bonjour à tous,

    Je souhaiterais afficher dans ma cellule selon un test effectué dans mon javascript le code couleur correspondant.
    Je ne sais pas comment faire appel à cet javascript?

    J'ai commencé ainsi:

    <script language="javascript">
    function codeCouleur(donnee1,donnee2){
    if (donnee1>donnee2)
    return "#FFFF00";
    else ....
    }
    </script>

    <html>
    ...
    <td align="center" style="color:codeCouleur(donnee1,donnee2);">donnee1</td>
    ...
    </html>

    Pouvez vous m'aider svp?

    Merci

  2. #2
    Membre expérimenté Avatar de julien.63
    Profil pro
    balayeur
    Inscrit en
    Décembre 2005
    Messages
    1 348
    Détails du profil
    Informations personnelles :
    Localisation : France, Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : balayeur

    Informations forums :
    Inscription : Décembre 2005
    Messages : 1 348
    Points : 1 311
    Points
    1 311
    Par défaut
    salut,
    c'est pas du javascript, mais peut être que tu peux être intéressé par "l'attribut" after de css
    voici un exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <html>
    <head>
     
    <style>
    .test:after{
      content:"bouh !";	
    }
    </style>
     
    </head>
    <body>
    <p class="test"></p>
    </body>
    </html>
    comme ça tu peux définir ton style et le contenu de ta balise en même temps

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 16
    Points : 11
    Points
    11
    Par défaut
    Salut,

    Merci pour cette réponse mais je dois exclusivement utiliser IE6 (choix de la boîte)...et la propriété AFTER n'est pas compatible IE6

  4. #4
    Membre expérimenté Avatar de julien.63
    Profil pro
    balayeur
    Inscrit en
    Décembre 2005
    Messages
    1 348
    Détails du profil
    Informations personnelles :
    Localisation : France, Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : balayeur

    Informations forums :
    Inscription : Décembre 2005
    Messages : 1 348
    Points : 1 311
    Points
    1 311
    Par défaut
    dans ce cas, il faut sans doute utiliser javascript.
    A vue de nez, je ferais un getElementsByTagName sur les balises td et ensuite tu testes l'attribut style et tu utilises innerHTML pour mettre ton contenu.

Discussions similaires

  1. Réponses: 6
    Dernier message: 24/12/2014, 10h30
  2. Mise en couleur d'une valeur dans un crosstab
    Par sfoggy dans le forum BIRT
    Réponses: 4
    Dernier message: 16/02/2010, 15h59
  3. Savoir le code couleur de la valeur dans une cellule.
    Par Benjycool dans le forum Macros et VBA Excel
    Réponses: 4
    Dernier message: 19/01/2009, 13h36
  4. {VBA Excel} Colorier des cases selon la valeur dans une autre
    Par Thomas69 dans le forum Macros et VBA Excel
    Réponses: 4
    Dernier message: 27/06/2008, 09h56
  5. Réponses: 17
    Dernier message: 06/09/2006, 15h23

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