Partage
  • Partager sur Facebook
  • Partager sur Twitter

[JS] getElementById

Comment ca marche ?

Sujet résolu
    26 juillet 2006 à 14:53:51

    Bonjour, voici une petite fonction en javascript :

    <script type="text/javascript">
    <!--

    function activation()
    {
            if (window.document.formulaire.bibliotheque.checked == false)
            {
                    window.document.formulaire.serveur.disabled = true;
                    window.document.formulaire.nomUtilisateur.disabled = true;
                    window.document.formulaire.motDePasse.disabled = true;
                    window.document.formulaire.baseDeDonnees.disabled = true;
            }

            else
            {
                    window.document.formulaire.serveur.disabled = false;
                    window.document.formulaire.nomUtilisateur.disabled = false;
                    window.document.formulaire.motDePasse.disabled = false;
                    window.document.formulaire.baseDeDonnees.disabled = false;
            }
    }

    //-->
    </script>


    Et le formulaire qui va avec :

    <form id="formulaire" name="formulaire" action="index.php" method="post">

    <p>
    <input type="checkbox" id="bibliotheque" name="bibliotheque" onclick="activation()" checked="checked" />
    <label for="bibliotheque">mise à jour du fichier "bibliotheque.php"</label>
    </p>

    <fieldset>
    <legend>Informations Serveur</legend>

    <p>
    <label for="serveur">serveur MySQL :</label><br />
    <input type="text" id="serveur" name="serveur" />
    </p>

    <p>
    <label for="nomUtilisateur">nom d'utilisateur :</label><br />
    <input type="text" id="nomUtilisateur" name="nomUtilisateur" />
    </p>

    <p>
    <label for="motDePasse">mot de passe :</label><br />
    <input type="text" id="motDePasse" name="motDePasse" />
    </p>

    <p>
    <label for="baseDeDonnees">base de données :</label><br />
    <input type="text" id="baseDeDonnees" name="baseDeDonnees" />
    </p>

    </fieldset>

    <p>
    <input type="submit" value="INSTALLER" />
    </p>

    </form>


    Voila, la fonction marche, elle desactive ou active les champs.
    Par contre, le formulaire n'est pas valide XHTML 1.0 Strict, ceci étant dû à la présence du name="formulaire" dans la balise <form>.
    Si je l'enlève, ma fonction ne marche plus.

    Et je crois que le getElementById peut ici me sauver la vie...

    Mais je n'ai aucune idée de comment l'utiliser.

    Quelqu'un pourrai m'expliquer? merci
    • Partager sur Facebook
    • Partager sur Twitter
      26 juillet 2006 à 15:27:26

      Salut,
      Au lieu de faire window.document.formulaire.serveur.disabled par ex., tu fais document.getElementById("serveur").disabled, en utilisant l'attribut id et non name de la balise (et donc ton formulaire deviendrat valide ;) (et tu pourras enlever le name de ta balise <form>))
      @+
      • Partager sur Facebook
      • Partager sur Twitter

      [JS] getElementById

      × 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