show/hide formulaire avec checkbox

bonjour tout le monde;

j'ai un formulaire principale dont des zone sont specifique à un type de user, je souhaite qu'oon cochant un checkboxe cacher ces zones là. j'ai reussi à le faire mais ça me garde l'intituler des zone car ceux la ne sont pas considiré comme des element du form, j'ai donc pensé a un sous form dans mon form principale ( et aussi un div), mais ca ne march epas

voila mon script,

function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
   
    if (Masquer=='1'){
       
            objControle.style.visibility=(objControleur.checked==true)?'hidden':'visible';
   
    }
    else
        objControle.disabled=(objControleur.checked==true)?false:true;
    return true;
}

voila l'appel de ma fonction dans le form principale

<td width="200"><b>exterieur</b>
     
        <input name="exterieur" type="checkbox" id="idext" value="OUI" onClick="GereControle('idext','casesagent','1');">
        </td>

et voila mon sous form

<form name="casesagent" id="casecaches">

merci

Salut, Essaie ceci sur une page vierge. Je pense que cela répond en partie à ce que tu cherches. Ensuite il suffit de modifier. Tiens moi au courant stp. @+

Déplier le formulaire

bonjour,

ton script marche bien, mais moi je veux cacher des element de mon form avec leur intituler, je n'arive pas à voir comment je peux integrer ca dans ton exemple, tu peux mettre un <form name......> avec des element <input type="text"....> et <select ......></select> et en cochant le checkbox ca cache des element et ca laisse d'autres, Merci de ton aide

Il faudrait voir concrètement ce que tu cherches à insérer. As-tu un exemple ? L'idée serait de stocker le HTML dans une variable qu'on appèlerait dans la fonction JavaScript. A ton service.

voila ma fonction de show/hide:

function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
   
    if (Masquer=='1'){
       
            objControle.style.visibility=(objControleur.checked==true)?'hidden':'visible';
   
    }
    else
        objControle.disabled=(objControleur.checked==true)?false:true;
    return true;
}

voila mon form :

<form action="formulaire_ess.php" method="post" name="binscription">
<table border="0">
          <tr>
         <td width="200"><b>exterieur</b>
        <input name="exterieur" type="checkbox" id="idext" value="OUI" onClick="GereControle('idext','casecaches','1');">
        </td>

            <td width="200"><b>Nom</b></td>
             <td width="400" >               
                <input name="nomagt" type="text" value="<?php echo $agt['NomAgt'] ?>" size="20" maxlength="30">   
             </td>
            <td width="200"><b>Prenom</b></td>
             <td width="400" >               
                <input name="prenomagt" type="text" value="<?php echo $agt['PrenomAgt'] ?>" size="20" maxlength="30">
            </td>
            </tr>

/************************Debut de ce que je voudrai cacher*******************/           
           <div id="casecaches">
            <tr>
            <td width="200"><b>Service<b></td>
            <td width="200">
                 <select name="serviceagt" id="serviceagt">
                <?php
                //On commence par mettre à jour les menus deroulants
                $sql="SELECT * FROM services";
                $req=mysql_query($sql) or die('Erreur SQL!'.$sql.'<br>'.mysql_error());
                $nb = mysql_num_rows($req);
                if (!$nb){
                    echo '<option>Aucun choix possible</option>';
                }
                else{
                    echo "<option>Aucun Service</option>";
                    while ($i = mysql_fetch_array($req)){
                        echo "<option value='".$i['idServices']."'>".$i['NomServ'].",".$i['AbregServ'].",".    $i['AdressServ']."</option>";
                    }
                    echo "</select>";
                }
       
                ?>
                </select>
            </td>
            </tr>
           
            <tr>
            <td width="200"><b>Nombre d'enfants<b></td>
            <td width="200">
                 <input name="nbenf" id="masque1" type="text" value="<?php echo $agt['NbEnfAgt']?>" size="5" maxlength="10">
             </td>
            </tr>
            </div>
/***************************Fin de ce que je voudrais cacher*******************/          
            <tr>
           <td width="200">
                 <input type="hidden" name="test" value="1">           
                  <input name="Valider" type="button" value="Valider" onClick="if (Soumettre(this.form)) submit();" >
               
            </td>
            </tr>

</table>

</form>

MErci

j'ai oublié de te mettre,

<script type="text/JavaScript"> </script> et les balises html, desolé

t'as recu le script qui marche?

Salut,

J'ai bien tout reçu.
Je n'ai pas eu le temps cet après-midi.
Je vais regarder ça ce week-end, très probablement.

Cdt