Visible ou invisible
mmira
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
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.
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.
A voir également:
- Visible ou invisible
- Clé usb invisible - Guide
- Compte facebook désactivé mais toujours visible - Guide
- Dossier invisible - Guide
- Excel ligne toujours visible - Guide
- Capture d'écran whatsapp visible - Accueil - Messagerie instantanée
4 réponses
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>
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>
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
Il y a cette conversation par exemple qui peut t'aider : https://forum.alsacreations.com/topic.php?fid=5&tid=4717