Visible ou invisible

Fermé
mmira Messages postés 1 Date d'inscription mardi 16 avril 2013 Statut Membre Dernière intervention 16 avril 2013 - 16 avril 2013 à 17:12
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 - 22 avril 2013 à 23:52
slt,
svp je veux connaitre le code de ce petit pbm:
j'ai 2 bouton, je veux savoir lorsque je clique sur la 1ère bouton s'affiche le formulaire concerné(le 1er formulaire) , et de meme pour la 2ème bouton.
si quelqu'un peut m'aider je vous remercie d'avance.

4 réponses

choubaka Messages postés 39404 Date d'inscription jeudi 4 avril 2002 Statut Modérateur Dernière intervention 21 novembre 2024 2 102
18 avril 2013 à 20:29
Bonsoir

rien compris à ta question
0
d'accord je doit vous expliquer j'ai une page dans la division <div id="content"> il y'a un formulaire qui est divisé en 2 parties, au dessus du formulaire(dans la même division) j'ai 2 bouton.
ce qui est demandé est lorsque je clique sur le bouton 1 s'affiche la première partie du formulaire et la deuxième reste invisible, de même pour le 2ème bouton
Et voici le code:

<div id="content">

<form action=" form2.php" method="post" >
<fieldset>
<legend align="left">Souscripteur</legend>



<input name="submit" type="submit" class="bouton" value="Personne Physique" onclick="location.href='' " ;>
<input name="submit" type="submit" class="bouton" value="Personne Morale" onclick="location.href='' ";><BR /><BR />



<div id="form">
<label >Code Client<span>*</span> : </label>
<input name="codeclt" type='text' class="champ_texte" size="20" id="codeclt" title="codeclt"/>
<label>Civilité <span>*</span> :</label>
<select name="Origine" title="Origine">
<option value="Mlle">Mlle</option>
<option value="Mme">Mme</option>
<option value="Mr" selected="selected">Mr</option>
</select><br /><br />
<br /><br />


<label></label>
<label >Nom <span>*</span> : </label>
<input name="nom" type='text' class="champ_texte" size="20" id="LastName" title="nom"/>
<label></label>
<label >Prenom <span>*</span> : </label>
<input name="prenom" type='text' class="champ_texte" size="20" id="FirstName" title="prenom"/><BR /><BR />
<label ></label>

<label>Date_de_naissance <span>*</span> : </label><input name="date"/>
<BR /><BR />
<label>Adresse <span>*</span> : </label>
<input name="adresse" type="text" class="champ_texte" id="adresse" title="adresse"/>
<br /><br />


<label >Ville <span>*</span> : </label>

<select id="ville" name="ville" title="ville">
<option value="x" selected="selected">Choisissez une ville</option>
<option value="tunis">Tunisie</option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>

</select>

<label >Code Postal <span>*</span> : </label>
<input name="code" type="text" id="code" size="20" title="code"/><br />
<br />


<label >E-mail <span>*</span> : </label>
<input name="mail" type='text' class="champ_texte" size="20" id="mail" title="mail"/><BR /><BR />
<label >Tél <span>*</span> : </label>
<input name="tel" type='text' class="champ_texte" size="20" id="tel" title="tel"/>
<br /><br />
<label ></label>
<label >Domaine d'activité<span>*</span> : </label>
<select id="Activite" name="Activite" title="Activite">
<option value="x" selected="selected">Choisissez une activite</option>
<option value="AGRICULTURE, PECHE">Agriculture, peche</option>
<option value="ART, CULTURE, EDITION">Art, culture, edition</option>
<option value="AUTOMOBILE, TRANSPORTS">Automobile, transports</option>
<option value="BATIMENT">Batiment</option>
<option value="COMMERCANT">Commercant</option>
<option value="COMMERCE ET SERVICES">Commerce et services</option>
<option value="CONSEIL">Conseil</option>
<option value="ENSEIGNEMENT">Enseignement</option>
<option value="HOTELLERIE, RESTAURATION">Hotellerie, restauration</option>
<option value="INDUSTRIE">Industrie</option>
<option value="MILITAIRES, SECURITE, ENQUETES">Militaires, securite, enquetes</option>
<option value="PROFESSIONS LIBERALES">Professions liberales</option>
<option value="SALARIES ADMINISTRATIFS">Salaries administratifs</option>
<option value="SANS PROFESSION">Sans profession</option>
<option value="SANTE, SOCIAL">Sante, social</option>
<option value="AUTRES">Autres</option>
</select> <BR /><BR />
<label ></label>
<label>Profession <span>*</span> : </label>
<input name="prof" title="prof"/>
<br /><br />
</div>
<div id="form2">
<fieldset >
<legend align="left" >Personne Morale</legend>

<label>Raison sociale <span>*</span> : </label>
<input name="rs" title="rs"/><br /><br />
<label>Adresse <span>*</span> : </label>
<input name="adresse1" type="text" class="champ_texte" id="adresse1" title="adresse1"/><br /><br />
<label >Ville <span>*</span> : </label>
<select id="ville1" name="ville1" title="ville1">
<option value="x" selected="selected">Choisissez une ville</option>
<option value="tunis">Tunisie</option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>

</select><br /><br />
<label>Code Postal <span>*</span> : </label>
<input name="cp" title="cp"/><br /><br />
<label>N° de registre de commerce <span>*</span> : </label>
<input name="nrc" title="nrc"/><br /><br />
<label>Domaine <span>*</span> : </label>
<input name="domaine" title="domaine"/><br /><br />
<label>Tél <span>*</span> : </label>
<input name="tel1" title="tel1"/><br /><br />
<label>Fax <span>*</span> : </label>
<input name="fax" title="fax"/><br /><br />
<label>E-mail <span>*</span> : </label>
<input name="email" title="email"/><br /><br />
</div>
<input name="submit" type="submit" class="bouton" value="Continuer" onclick="location.href='prev3.html';" />
</fieldset></form>
0
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
22 avril 2013 à 17:17
Bonjour,
Regarde du côté du javascript (onClick) et des propriétés hidden.
0
merci bien je doit essayer.
0
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
22 avril 2013 à 23:52
Pour un peu plus t'aider, tu peux taper sur Google "afficher cacher div javascript".
Il y a cette conversation par exemple qui peut t'aider : https://forum.alsacreations.com/topic.php?fid=5&tid=4717
0