Forums Rue-Montgallet.com
Rue-Montgallet.comRue-Hardware.comRue-Occasion.comRue-DVD.comRue-Jeuxvideo.comRue-AudioVideo.comRue-Telephone.comForums
S'inscrire | S'identifier |
| Recherche avancée | Aide
 
 

Il y a 59 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

Help formulaire

 
n°8191
francalex
Carpe diem seize the day...
Profil : Membre
Posté le 25-05-2004 à 14:42:01  profilanswer
 

Bonjour tout le monde,
Comment puis je faire pour que les champs de mon formulaire apparaissent ou disparaissent en fonction du choix fait dans une liste déroulante?
C'est l'évènement onchange que je dois utiliser?


---------------
IBM ThinkPad t40 ... miam
n°8194
ollone
Part of the 'One brothers
Profil : Vieux de la vieille
Posté le 25-05-2004 à 15:45:11  profilanswer
 

oui, tu joues avec la propriété onchange de ta liste déroulante; le lieux est que onchange appelle une fonction javascript dans laquelle tu fais des choix d'affichage d'autres champs.

Code :
  1. <script language="javascript">
  2. function chgFormDisplay(obj_form) {
  3.   with (obj_form) {
  4.     text1.style.display = 'none';
  5.     text2.style.display = 'none';
  6.     if (toto.value == "choix1" )
  7.       text1.style.display = 'inline';
  8.     elseif (toto.value == "choix2" )
  9.       text2.style.display = 'inline';
  10.   }
  11. }
  12. </script>
  13. <form name="onsenfout" method="post" action="#">
  14. <select name"toto" onChange="chgFormDisplay(this.form)">
  15.   <option name="choix1" value="mon choix 1" selected></option>
  16.   <option name="choix2" value="mon choix 2" selected></option>
  17. </select>
  18. <input type="text" name="text1" size="20" style="display: none">
  19. <input type="text" name="text2" size="20" style="display: none">
  20. </form>


 
Bon, j'ai pondu ce code à l'arrache, j'espère qu'il n'y a pas trop d'erreur...
Notons que tu peux jouer sur l'affichage de presque tout : tableau, cellules de tableau, calque...etc...

n°8198
nico95
A la poursuite du SMS Staÿle
Profil : Dinosaure
Posté le 25-05-2004 à 16:08:36  profilanswer
 

http://fr.selfhtml.org/
 
tu as aussi l'annuaire ;)

n°8200
francalex
Carpe diem seize the day...
Profil : Membre
Posté le 25-05-2004 à 16:23:23  profilanswer
 

Je ne comprends pas à quoi sert "obj_form"
On n'utilise pas this.form?


---------------
IBM ThinkPad t40 ... miam
n°8207
ollone
Part of the 'One brothers
Profil : Vieux de la vieille
Posté le 25-05-2004 à 18:46:26  profilanswer
 

'obj_form' est la variable à laquelle j'attribue 'this.form' à l'appel de la fonction...

n°8247
francalex
Carpe diem seize the day...
Profil : Membre
Posté le 26-05-2004 à 19:54:53  profilanswer
 

Ah ok :) je vais regarder ca ;)


---------------
IBM ThinkPad t40 ... miam

Aller à :
Ajouter une réponse