Titre: formulaire evolutif
Posté par: Toutankharton le le 09-12-2004 a 21:02:21
imaginons un script pour une inscription à des visites organisée....
En premier lieu une liste déroulante demande le nombre de personne à inscrire
si c'est 4, ça affiche instantanément à la suite, 4 formulaires demandant le nom, etc.
Par exemple dedans il y a des cases à cocher pour les options, et si la case "nuit à l'hotel" est cochée, ça affiche instantanément desous, des demandes d'infos (nombre de chambres, lit double/simple etc....
Pour ceux qui connaissent gmail, je voudrais faire comme eux quand on ajoute un cc, ou quand on rajoute un champ dans les contacts....
Malheuresement leur code est incomprehensible
Qui sait comment on fait ça ? Je demande pas de code entier mais juste le bout qui me permet de faire reagir javascript à une action sur tel ou tel formulaire, puis afficher un nouveau formulaire |
Titre: Re:formulaire evolutif
Posté par: dami1 le le 10-12-2004 a 10:29:49
Salut
Pour créer quelque chose du genre Gmail comme ce dont tu parles, tu aura besoin d'un peu plus que de Javascript. En réalité il te faut un language coté client (javascript) et un autre coté serveur (celui de ton choix. PHP semble etre un choix plutot populaire).
Il y a une librairie pas mal que je n'ais pas encore bien testé qui sert a connecter un client javascript a un serveur PHP. Elle te permet par exemple lors d'un changement dans ton formulaire, d'utiliser javascript pour se connecter a un script PHP. Qui lui peut par exemple se connecter a une base de donné , retrouver des infos et les faire repasser au client javascript dans ta page de maniere a ce que celle ci soit actualisée. (Tout ceci se passe sans que ta page ne soit rechargée... comme dans Gmail, c'est le meme principe).
Voila le lien
http://jpspan.sourceforge.net/wiki/doku.php (http://jpspan.sourceforge.net/wiki/doku.php)
|
Titre: Re:formulaire evolutif
Posté par: bul le le 10-12-2004 a 12:29:07
bonjour,
plusieurs solutions ..
en voici le début d'une :
<div name="d" id="d"...></div>
d.innerHTML+='<input type="text" name="n"/><br/>'+
'<input type="text" name="p"/><br/>';
va ajouter 2 champ de saisies nommé n et p
@+
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|