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 dynamiquement couleur fond input


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Octobre 2002
    Messages
    32
    Détails du profil
    Informations forums :
    Inscription : Octobre 2002
    Messages : 32
    Par défaut changer dynamiquement couleur fond input
    Bonjour tout le monde

    Voila je souhaiterai mettre en place une fonction qui puisse changer la couleur de fond d'un champ input.

    Voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    //Javascript
    function change_couleur_input(field){
      document.form_iq.element[field].style.bgcolor='#CCFF33';
     //document.form_iq.iq[val].style.bgcolor='#CCFF33'; j'ai testé ca avant mais ca ne marche pas.
    }
    Puis sur mon form, un champ iq[" . $super_name . "] et un 2e plus bas qui lance le script qui change la couleur du 1er.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
     
    echo "<td class=\"youpi\"><input type=\"text\" name=\"iq[" . $super_name . "]\" size=\"2\" maxlength=\"3\" value=\"" . affiche_ou_pas_value_admin($valeur2, $mon_id_client, $valeur, $valeur3) . "\"class=\"box\" onkeyup=\"verif_nombre(this);\">";
     
    .......
     
    <textarea name="<?php echo $super_name;?>" rows="4" cols="29" style="{overflow-y: visible;height: 6em;weight: 45em;}" onBlur="change_couleur_input(<?php echo "this.form.iq[" . $super_name . "]"; ?>');"></textarea>
    Merci pour votre aide.

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    utilises plutot bgcolor n'est pas vraiment un composant de style

  3. #3
    Membre averti
    Inscrit en
    Octobre 2002
    Messages
    32
    Détails du profil
    Informations forums :
    Inscription : Octobre 2002
    Messages : 32
    Par défaut
    Merci Kerod,

    A vrai dire il me sort une erreur ici : document.form_iq.element[field] il connait pas field.

    Merci pour le conseil du style je vais faire la correction.

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Et si tu fais un alert(field) tu obtiens quoi comme valeur ?

  5. #5
    Membre averti
    Inscrit en
    Octobre 2002
    Messages
    32
    Détails du profil
    Informations forums :
    Inscription : Octobre 2002
    Messages : 32
    Par défaut
    affiche le nom du champ, mais lorsque j'utilise la variable ca ne marche pas.

  6. #6
    Membre averti
    Inscrit en
    Octobre 2002
    Messages
    32
    Détails du profil
    Informations forums :
    Inscription : Octobre 2002
    Messages : 32
    Par défaut
    Voici un bout de code "source"


    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
    <tr>
      <td class="youpi">
        <input type="text" name="iq[4-6-TNG|19-12-2006]" size="2" maxlength="3" value="0"class="box" onkeyup="verif_nombre(this);">
        <span class="gensmall">
          <a href="" id="4-6-TNG|19-12-2006">
    <script language="JavaScript">
    vbmenu_register("4-6-TNG|19-12-2006")</script></a>
        </span>
      </td>
    </tr>
    <tr>
      <td>
        <div id="4-6-TNG|19-12-2006_menu" style="display:none">
          <table>
            <tr>
              <td class="boxx">
                <small>Ajouter votre commentaire pour cet IQ </small>
              </td>
            </tr>
            <tr>
              <td class="option" align="center">
    <textarea name="4-6-TNG|19-12-2006" rows="4" cols="29" style="{overflow-y: visible;height: 6em;weight: 45em;}" onBlur="change_couleur_input(this.value, 'this.form.iq[4-6-TNG|19-12-2006]');"></textarea>
              </td>
            </tr>

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

Discussions similaires

  1. FBJS Changer la couleur de fond d'un input onchange
    Par Hightuxdotnet dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 15/11/2008, 01h09
  2. Changer dynamiquement le fond d'une page web (avec cookie si possible)
    Par Rambytes dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/11/2007, 11h43
  3. Changer dynamiquement la couleur d'un input
    Par belocom dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/09/2007, 17h26
  4. changer dynamiquement couleur <LABEL>
    Par justdams dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/02/2006, 15h22

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