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 :

Mettre des couleurs sous condition


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2010
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 16
    Par défaut Mettre des couleurs sous condition
    Bonjour a toutes et tous,

    Le code ci-dessous est corrigé par bon nombres d'entre vous et je vous en remercie !

    Afin d'améliorer la visibilité je cherche à mettre en évidence la derniere case en couleur

    Si mon "delta" n'est pas égale à "0" alors la case <td> est rouge , si elle est égale à "0" alors le <td> devient vert !

    Merci a toutes et tous d'avance


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
     
    <html>
    <head>
    <title>Document sans titre</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript">
    <!--
    function delta(IdForm)
    {
    var sum = ''; num1 = 0; num2 = 0; num3 = 0; num4 = 0; num5 = 0;
    if (document.forms[IdForm].elements[0].value != '')
    {
    num1 = parseInt(document.forms[IdForm].elements[0].value,10);
    }
    if (document.forms[IdForm].elements[1].value != '')
    {
    num2 = parseInt(document.forms[IdForm].elements[1].value,10);
    }
    if (document.forms[IdForm].elements[2].value != '')
    {
    num3 = parseInt(document.forms[IdForm].elements[2].value,10);
    }
    if (document.forms[IdForm].elements[3].value != '')
    {
    num4 = parseInt(document.forms[IdForm].elements[3].value,10);
    }
    if (document.forms[IdForm].elements[4].value != '')
    {
    num5 = parseInt(document.forms[IdForm].elements[4].value,10);
    }
    sum = num1 - num2 - num3 - num4 - num5;
    document.forms[IdForm].elements[5].value = parseInt(sum);
    }
    //-->
    </script>
    </head>
     
    <body>
     
    <form name="form1" method="post" action="">
     
    <table align="center" width="25%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><input type="text" name="num1" id="num1" onBlur="delta('form1');"></td>
    </tr>
    <tr>
    <td><input type="text" name="num2" id="num2" onBlur="delta('form1');"></td>
    </tr>
    <tr>
    <td><input type="text" name="num3" id="num3" onBlur="delta('form1');"></td>
    </tr>
    <tr>
    <td><input type="text" name="num4" id="num4" onBlur="delta('form1');"></td>
    </tr>
    <tr>
    <td><input type="text" name="num5" id="num5" onBlur="delta('form1');"></td>
    </tr>
    <tr>
    <td><input type="text" name="somme" id="somme" onBlur="delta('form1');"></td>
    </tr>
    </table>
    </form>
     
     
     
    <form name="form2" method="post" action="">
     
    <table align="center" width="25%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><input type="text" name="num1" id="num1" onBlur="delta('form2');"></td>
    </tr>
    <tr>
    <td><input type="text" name="num2" id="num2" onBlur="delta('form2');"></td>
    </tr>
    <tr>
    <td><input type="text" name="num3" id="num3" onBlur="delta('form2');"></td>
    </tr>
    <tr>
    <td><input type="text" name="num4" id="num4" onBlur="delta('form2');"></td>
    </tr>
    <tr>
    <td><input type="text" name="num5" id="num5" onBlur="delta('form2');"></td>
    </tr>
    <tr>
    <td><input type="text" name="somme" id="somme" onBlur="delta('form2');"></td>
    </tr>
    </table>
    </form>
     
    </body>
    </html>

  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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    document.forms[IdForm].elements[5].value = parseInt(sum);
    document.forms[IdForm].elements[5].style.backgroundColor=(parseInt(sum)!=0)?'red':'white';
    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 averti
    Profil pro
    Inscrit en
    Août 2010
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 16
    Par défaut
    Un grand merci

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bien que tu as contourné le problème de l'autre discussion, utilise un id unique pour chaque élément, enfin si tu veux quelque chose de bien

  5. #5
    Membre chevronné
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : Novembre 2010
    Messages : 207
    Par défaut
    Les id sont en effet inutile avec la solution que je t'ai donné toffou ça rendra plus propre ton code et respectueux des standards de les retirer.

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

Discussions similaires

  1. Changer la couleur du texte dans des labels sous condition
    Par Liloo14 dans le forum Macros et VBA Excel
    Réponses: 8
    Dernier message: 13/12/2023, 15h59
  2. Réponses: 5
    Dernier message: 17/02/2015, 19h14
  3. Mettre des couleur dans un sous-formulaire
    Par seaosiris dans le forum VBA Access
    Réponses: 4
    Dernier message: 26/07/2007, 08h41
  4. [VBA-W] Mettre des couleurs ds un label
    Par jagdjg dans le forum VBA Word
    Réponses: 6
    Dernier message: 30/03/2006, 15h19
  5. Comment mettre des couleurs a printf ( )
    Par damien42 dans le forum C
    Réponses: 27
    Dernier message: 31/03/2005, 23h10

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