Formulaire html champs grisées

zeguzz -  
 zeguzz -
Bonjour,

J'ai écrit un petit formulaire d'inscription en HTML, mais j'aimerais que certains champs INPUT ne soient activée que si certaines valeurs d'une balise SELECT sont choisies... est-ce possible seulement en HTML?

Si vous avez une piste merci de m'aider!!!

A bientot,
Cyril
Configuration: Windows XP
Firefox 2.0.0.14

3 réponses

  1. xxx
     
    en pur HTML non pas faisable
    il faut utiliser du javascript...
    0
    1. zeguzz
       
      et en javascript tu as une idée?

      merci encore!
      0
  2. cheese42 Messages postés 890 Statut Membre 120
     
    slt moi du style si ca peut t'aider ,j'ai ce bout de code qui oblige le visiteur a cocher la case pour que le bouton inscription soit cliquable sinon il est grise tant que la case est pas cochée ::::::(code):::

    dans le head tu mets ::

    <script type="text/javascript">
    <!--
    function ChangeStatut(formulaire) {
    if(formulaire.regagree.checked == true) {formulaire.inscription.disabled = false }
    if(formulaire.regagree.checked == false) {formulaire.inscription.disabled = true }
    }
    // -->
    </script>

    dans le body tu mets :::

    <input type="checkbox" name="regagree" value="valeur" onClick="ChangeStatut(this.form)" /> J'accepte le reglement
    <br />
    <br />
    <input type="submit" name="inscription" value="Inscription" disabled="disabled" />

    slt a plus !!!
    0
  3. zeguzz
     
    voilà ce que j'ai fait... mais je ne parviens pas à me fins

    <HEAD>
    <script>
    function active()
    {
    inscription.elements[entreprise].disabled = false;
    inscription.elements[nb_personnes].disabled = false;
    }
    function desactive()
    {
    inscription.elements[entreprise].disabled = true;
    inscription.elements[nb_personnes].disabled = true;
    }
    </script>
    </HEAD>

    <BODY>
    <FORM method=post action="do_sendform.php" name=inscription>
    <b>Inscription aux Publissimes 2008</b>
    <p></p>
    <TABLE BORDER=0 fontface="arial">

    <TR>
    <TD>Nom</TD>
    <TD>
    <INPUT type=text name="nom">
    </TD>
    </TR>

    <TR>
    <TD>Prénom</TD>
    <TD>
    <INPUT type=text name="prenom">
    </TD>
    </TR>

    <TR>
    <TD>Vous êtes...</TD>

    <TD><SELECT name="fonction">
    <OPTION VALUE="Etudiant" onclick="desactive()">Etudiant</OPTION>
    <OPTION VALUE="Professionel" onclick="active()">Professionel</OPTION>
    <OPTION VALUE="Partenaire" onclick="active()">Partenaire</OPTION>
    <OPTION VALUE="Particulier" onclick="desactive()">Particulier</OPTION>
    </SELECT>

    </TD>
    </TR>

    <TR>
    <TD><i><font size="2">Si professionel ou partenaire : </i></TD></font>
    </TR>

    <TR>
    <TD><font size="2">nom de l'entreprise</font></TD>
    <TD><INPUT type=text name="entreprise" disabled="disabled"></TD>
    </TR>

    <TR>
    <TD><font size="2">nombre de personnes présentes à l'événement</font></TD>
    <TD><INPUT type=text name="nb_personnes" disabled="disabled"></TD>
    </TR>

    <TR height="20">
    <TD></TD>
    <TD></TD>
    </TR>

    <TR>
    <TD COLSPAN=2 ALIGN="right">
    <INPUT type="submit" value="Envoyer">
    </TD>
    </TR>

    </TABLE>
    </FORM>
    </BODY>


    Des idées?
    0