Partage
  • Partager sur Facebook
  • Partager sur Twitter

[js] changement de style d'un input

minirop
  • HTML / CSS
    26 février 2006 à 21:37:39

    bonjour,
    j'ai fais plusieurs essais pour changer le style d'un <input> en javascript mais sans succès.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    </head>
    <body>
    <div id="global">
    <div id="central">
    <form action="index.php" method="post">
    <fieldset>
    <legend>Champs obligatoires</legend>
    Pseudo : <input type="text" name="insc_pseudo" /><br /><br />
    Mot de passe : <input type="password" name="insc_password" /><br /><br />
    <em>(confirmation)</em> : <input type="password" name="insc_password2" onblur="javascript:check_password();" />
    </fieldset>
    <fieldset>
    <legend>Champs facultatifs</legend>
    Date de naissance : <input type="text" name="insc_naiss" /><br /><br />
    Site internet : <input type="text" name="insc_site" />
    </fieldset>
    <p style="text-align:center"><input type="submit" value="S'inscrire" /></p>
    </form>
    </div>
    </div>
    </body>
    </html>

    et le code javascript :
    function check_password()
    {
            var champ1 = document.getElementsByTagName("form")[0].getElementByName("insc_password");
            var champ2 = document.getElementsByTagName("form")[0].getElementByName("insc_password2");
           
            if(champ1==champ2)
            {
                    champ1.style.border="1px green solid";
                    champ2.style.border="1px green solid";
            }
            else
            {
                    champ1.style.border="1px red solid";
                    champ2.style.border="1px red solid";
            }
    }

    mais sans succès. (la fonction est envoyer avec l'attribut onblur de l'input insc_password2.

    en gros, ou est ce que çà cloche ?

    merci.
    • Partager sur Facebook
    • Partager sur Twitter
    Dutiona
    • HTML / CSS
      27 février 2006 à 10:41:50

      Salut, essaye ça :
      function check_password()
      {
              var champ1 = document.forms['NOM DE TON FORMULAIRE !'!].elements['insc_password'];
              var champ2 = document.forms['NOM DE TON FORMULAIRE !'!].elements['insc_password2'];
             
              if(champ1.value==champ2.value)
              {
                      champ1.style.border="1px green solid";
                      champ2.style.border="1px green solid";
              }
              else
              {
                      champ1.style.border="1px red solid";
                      champ2.style.border="1px red solid";
              }
      }

      Le nom du formulaire est donc obligatoire.
      Comme tu peut le voir, tu comparais 2 objets et pas 2 valeurs de champs...



      Bisous, Nyu
      • Partager sur Facebook
      • Partager sur Twitter

      [js] changement de style d'un input

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur ●
      • Markdown