| GrosBill | [site web] Formulaire dynamique |
0 #1 |
|---|---|---|
|
Je poste trop
 
Inscrit: 02/05/2004 21:49
Post(s): 12719
Karma: 77 |
Bon toujours dans le cas d'un eventuel futur site web je me pose certaines questions.
Je souhaiterai inclure dans un site un formulaire dynamique. C'est a dire que si le gars coche une case cela lui enrichie son formulaire avec une autres questions. Exemple : Avez vous des animaux. Si le gars repond non ca change rien. Si le gars repond oui : une case apparait pour qu'il puisse saisir le nombre. Quelqu'un aurait il un exemple/une piste a suivre...
Contribution le : 23/07/2007 15:17
|
|
 Signaler 
|
|
|
| nfl_shadow | 0 #2 |
|
|---|---|---|
|
Je m'installe
 
Inscrit: 15/06/2005 11:28
Post(s): 454
|
<html>
<head> <script language='javascript'> var combien=''; function affichercacherchamp(bln){ if (bln==1){ document.getElementById('div_combien').innerHTML="combien ? <input type='text' id='combien' value='"+combien+"'/>"; }else{ if (document.getElementById('combien')){ combien=document.getElementById('combien').value; } document.getElementById('div_combien').innerHTML=""; } } </script> </head> <body> Avez-vous des animaux : <input type='radio' name='test' value='oui' onclick='affichercacherchamp(1)'>oui</input> <input type='radio' name='test' value='non' onclick='affichercacherchamp(0)' checked>non</input> <div id='div_combien'></div> </body> </html> c'est assez basique, le truc c'est d'afficher le combien dans une division, et de vider cette division. On aurait pu faire disparaitre tout simplement la division avec l'input text, mais j'aime pas cette méthode.
Contribution le : 23/07/2007 16:19
|
|
|
Signaler
|
|
|
| Invité | 0 #3 |
|
|---|---|---|
|
FantômeInvité
|
evidement ,je suis a fais ok avec toi...
je plaisante j'y connais rien  bon courage GrosBill
Contribution le : 23/07/2007 16:28
|
|
|
Signaler
|
|
|
| Koreus | 0 #4 |
|
|---|---|---|
|
Webhamster
 
Inscrit: 03/07/2002 23:58
Post(s): 76143
Karma: 37915 |
Il faut te mettre à l'Ajax Grosbill.
Contribution le : 26/07/2007 20:19
|
|
|
_________________
|
||
|
Signaler
|
|
|
| GrosBill | 0 #5 |
|
|---|---|---|
|
Je poste trop
Inscrit: 02/05/2004 21:49
Post(s): 12719
Karma: 77 |
Oui Koreus c'est ce qui risque d'arriver.
Je recherche un bon site/bouquin sur Ajax
Contribution le : 26/07/2007 20:42
|
|
|
_________________
|
||
|
Signaler
|
|
|
| Pacha | 0 #6 |
|
|---|---|---|
|
Je masterise !
 
Inscrit: 05/05/2005 22:53
Post(s): 4348
|
Citation :
Demande à Vanfredo... Comment ça, jsuis pas drole? :gratte:
Contribution le : 26/07/2007 21:18
|
|
|
Signaler
|
|
|
| Koreus | 0 #7 |
|
|---|---|---|
|
Webhamster
Inscrit: 03/07/2002 23:58
Post(s): 76143
Karma: 37915 |
Tu peux aller voir dans mes bookmark delicious, y a pleins de site sur ajax avec des exemples :
http://del.icio.us/koreuslevrai/ajax
Contribution le : 27/07/2007 09:51
|
|
|
_________________
|
||
|
Signaler
|
|
|
| Alastor | 0 #8 |
|
|---|---|---|
|
Je suis accro
 
Inscrit: 22/07/2004 09:39
Post(s): 772
|
Une autre solution consiste à utiliser le javascript tout seul :
tu peux utiliser les propriétés de style visibility ou display : visibility -> 'hidden' ou 'visible' : l'élément sera caché, mais la place qu'il prend sera réservée (décalage) display -> 'none' ou 'inline' ou 'block' principalement : l'espace ne sera pas occupé du tout Pour voir la différence, tu as des exemples sur les liens. Sinon tu peux faire un essai avec ça : <head> <script> function visib(objet){ if (objet.style.visibility != 'hidden') { objet.style.visibility = 'hidden'; } else { objet.style.visibility = 'visible'; } } function displ(objet){ if (objet.style.display != 'none') { objet.style.display = 'none'; } else { objet.style.display = 'inline'; // ou 'block' } } </script> </head> <body> <form> <input type='checkbox' onClick=visib(bouton)> <input type='checkbox' onClick=displ(bouton)> <br>avant<input type='button' name='bouton' value='test'>après </form> </body>
Contribution le : 27/07/2007 10:59
|
|
|
Signaler
|
|
|