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
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
A voir également:
- Visible ou invisible
- Clé usb invisible - Guide
- Bug snap message invisible - Forum Snapchat
- Texte invisible - Forum Word
- Compte facebook désactivé mais toujours visible - Guide
- Dossier invisible - Guide
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
18 avril 2013 à 20:29
Bonsoir
rien compris à ta question
rien compris à ta question
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>
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
22 avril 2013 à 17:17
Bonjour,
Regarde du côté du javascript (onClick) et des propriétés hidden.
Regarde du côté du javascript (onClick) et des propriétés hidden.
merci bien je doit essayer.
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
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
Il y a cette conversation par exemple qui peut t'aider : https://forum.alsacreations.com/topic.php?fid=5&tid=4717