begin process at 2012 05 28 23:50:11
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

champ d'un formulaire suivant une selection radio


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

champ d'un formulaire suivant une selection radio

mercredi 29 septembre 2004 à 23:53:01 | champ d'un formulaire suivant une selection radio

LiGrAnD

Bonjour,
je dois faire un formulaire recueillant des informations sur des personnes, mais les champs du formulaire doivent etre different celon la categorie professionel de la personne.

J'aimerai donc que l'utilisateur selectionne sa categorie dans des boutons (radio ou check box) et que suivant sa selection les champs specifique à sont choix puissent apparaitre (sans qu'il est besoin de cliker sur un bouton valider pour afficher ces champs specifiques).

pourriez vous m'indiquer comment proceder pour realiser ce type de formulaire.

merci de votre aide.
jeudi 30 septembre 2004 à 10:54:14 | Re : champ d'un formulaire suivant une selection radio

the_smurf

Plusieurs solutions

Traitement coté client:
1/ Tout dans la même page avec que du js (rapide, mais dépendante du poste client et non sécurisé):
- Sur tes radio bouton ou check box, tu utilise onChange pour détecté un chagement d'etat.
- Tu crées tes champs spécifiques dans des <div> que tu masque (style="visibility:hidden").
- La fonction js appelée par onChange se charge de faire apparaitre de <div> contenant les champs souhaités en modifiant sa visibilité.
2/ Tu crées une appli en flash (rapide à l'execution mais lent au chargement et dépendante du poste client)

Traitement coté serveur (Secure mais rechargement de page):
- Sur tes radio bouton ou check box, tu utilise onChange pour détecté un chagement d'etat.
- La fonction js appelée par onChange effectue le submit de tes checkbox ou radio bouton et selon leur valeur tu charge soit une autre contenant ton traitement spécifique, soit en php la même page pour laquelle tu fais apparaitre le traitement spécifique.
- Remarque: on peut aussi mettre la partie spécifique dans une iframe se qui permet de ne pas recharger toute la page
jeudi 30 septembre 2004 à 15:19:08 | Re : champ d'un formulaire suivant une selection radio

the_smurf

Un petit ex peut-être pour la version tout en js:
(Ne fonctionne qu'avec IE, à toi de l'adapter pour qu'il fonctionne aussi avec les autres browsers...)

<html>
<head>
<script>
lastDisplayed = "traitement1";
function display(aNumber)
{
document.getElementById(lastDisplayed).style.visibility="hidden";
document.getElementById("traitement"+parseInt(aNumber)).style.visibility="visible";
lastDisplayed = "traitement"+parseInt(aNumber);
}
</script>
</head>
<body>
<form action="nextHtmlPage.html" method="post">
<input type="radio" name="group1" value="1" onClick="display(1);"> Enter only your name<br>
<input type="radio" name="group1" value="2" onClick="display(2);"> Enter name, firstname and age<br>
<input type="radio" name="group1" value="3" onClick="display(3);"> Enter what you want<br>
<br>
<div style="position:relative;top:0">
<div id="traitement1" style="visibility:hidden;position:absolute;top:0">
Name: <input type="text" value="Enter your name" name="TextField"><br>
<input type="submit">.
</div>
<div id="traitement2" style="visibility:hidden;position:absolute;top:0">
Name: <input type="text" value="Enter your name" name="nameTextField"><br>
Firstname: <input type="text" value="Enter your firstname" name="firstnameTextField"><br>
Age: <input type="text" value="Enter your age" name="ageTextField"><br>
<input type="submit">.
</div>
<div id="traitement3" style="visibility:hidden;position:absolute;top:0">
Comments: <input type="text" value="Enter what you want" name="commentTextField"><br>
<input type="submit">.
</div>
</div>
</form>
</body>
</html>
vendredi 1 octobre 2004 à 22:41:59 | Merci

LiGrAnD

Merci pour ton aide, je vais essayer de m'en sortir avec tes explications, je viendrais re-poster si je rencontre un probleme.

a+
mercredi 13 octobre 2004 à 09:43:06 | Re : champ d'un formulaire suivant une selection radio

w_manou

Slt,
je ne peux pas répondre à ce problème car j'ai approximativement le même problème, sauf qu'en ce qui me concerne, ça doit être développer en Lotusscript ou Javascript pour un client Lotus Notes.
Je ne suis pas dev du tout, et franchement on me demande de dev ça, je suis complètement larguée.
J'ai un bouton radio faisant référence à deux termes, et je veux seulement avoir un code lorsque je clique sur l'un des termes, les champs à cocher correspondants s'affichent.
Et franchement je déprime depuis deux jours là dessus... :(
Donc si vous avez la solution n'hésitez pas, merci @++
vendredi 8 avril 2005 à 22:30:41 | Re : champ d'un formulaire suivant une selection radio

glibet



 C'est big merci beaucoup c'est enplein ce que je cherche continuez bravo


Cette discussion est classée dans : formulaire, champ, champs, selection, radio


Répondre à ce message

Sujets en rapport avec ce message

ajout d'un champ a un formulaire [ par skavenger ] J'ai besoin de créer un formulair de taille variable. Je m'explique : Ce formulaire permettra de saisir plusieurs éléments de même nature. chaque Problème de remplissage de champs dans un formulaire [ par fred_surz2002 ] Bonjour,je viens tout juste de me mettre au javascript et je rencontre deja un pb. Voila j'ai crée un fichier.jsp qui me permet d'editer un formulaire Formulaire et les champs [ par n00biSH ] Bonjours tout le monde ! Je suis nouveau sur c'est forum et comme vous allez le constater Tout aussi nouveau en JavaScript :P !J'éssais depuis hier de Contrôle des champs d'un formulaire (focus sur le champ non rempli) [ par sash28 ] Bonjour à tous. Je viens de créer un formulaire d'inscription à un site. Je voudrais connaître la procédure afin de contrôler les champs "text" qui d formulaire à champs conditionnels [ par julienboc ] bonjour, je souhaiterais faire un formulaire ac un premier champ visible. L'utilisateur sera obligé d'y répondre et une fois la réponse donnée, un Cacher champs formulaire [ par michaelminelli1 ] Bonjour, J'aimerai pouvoir verouiller ou déverouiller un champs de formulaire PHP en foncion d'un autre champs de ce meme fomulaire (que ce soit en Champ calculé dans Adobe Acrobat Pro [ par jeanne06 ] Bonjour, Je ne suis pas programmeur. J'utilise Adobe Acrobat Pro 9 pour créer des formulaires de saisie en ligne. L'application permet de définir des Ajout de champs rempli "dynamiquemen" dans un formulaire [ par loulie77 ] Bonjour, Je suis débutante en php, ajax et javascript (ça part mal, je sais). Je suis en train de créer un formulaire pour gérer (éditer, créer...) le Faire une condition sur un champ en fonction d'une requete sql [ par terlercomande ] Bonjour Voila je souhaiterai faire plusieurs choses mais étant tres débutant dans ce domaine, je requiert votre aide. Jusuque maintenant je me suis t FORMULAIRE [ par parenthese101 ] Bonjour à tous et à toutes, Sur l'une de mes pages web, j'ai des boutons qui ouvrent tous le même formulaire. Comment faire pour que au clic de chacu


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,671 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales