[JavaScript] Formulaire Dynamique

Fermé
Aquel Messages postés 199 Date d'inscription lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 - 14 janv. 2008 à 11:41
 guguss - 11 avril 2009 à 01:02
Bonjour à tous,

J'ai un problème avec la réalisation d'un formulaire dynamique. Mon souhait était de faire apparaitre suite au clic dans un menu déroulant, le formulaire correspondant. J'aimerais le faire en javascript pour ne pas avoir à recharger la page. Le problème est que je ne trouve pas la marche à suivre. J'imagine qu'il faux utiliser l'attribut onClick dans le menu déroulant et une fonction javascriptdans le header.

Si quelqu'un avait un lien résumant un peu une situation similaire (n'aillant pas de script à proposer), je lui en serais reconnaissant.

Merci !!!
A voir également:

8 réponses

Réponse 1 / 8
Alain42
14 janv. 2008 à 12:51
Bonjour,

Le script Javascript ne se met pas dans le header, mais entre les balises <head> </head> (mais ce n'est pas obligatoire)


dans la balise <select name="liste1" id="liste1" ..... de ta liste déroulante, tu mets onChange="ta_fonction_js();"

dans ta_fonction_js tu mets

valeur_select=document.getElementById('liste1').value; // ça va lire l'option qui a été selectionnée

et ensuite par
document.getElementById('champ1').value="la_valeur_a_ecrire"; //va ecrire dans le champ 1

qui est <imput type="text" name="champ1" id="champ1">

Mais si la_valeur_a_ecrire doit être lue dans une base de données, il faut que tu passes par AJAX.

Vas voir dans un moteur de recherche comment proceder.
3
colo
23 mai 2008 à 16:34
bonjour, au fait je suis entrain de faire un exercice pareil, et j'aimerais que vous m donner s'il vous plait de l'aide.

J'ai realisé le foormulaire entierement avec le DOM.
le probleme que j'ai c'est au niveau de l'option.

Je dois recupere mes donnees dans ma base de données

le code est le suivant

var form = document.createElement('form');
form.id = "formu";
var select = document.createElement('select');
select.id = "liste_cat";
select.name ="liste_cat";
var opt = document.createElement('option');
opt.setAttribute('value','id1');
var val_selec = document.getElementById("liste_cat");
val_selec.appendChild(form);
form.appendChild(select);
select.appendChild(opt)
0
Réponse 2 / 8
Aquel Messages postés 199 Date d'inscription lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 10
14 janv. 2008 à 15:31
Merci pour tes conseils.

Pour moi le header, ça voulait bien dire entre les balises <head> et </head>. Apparement non lol. ça commence mal pour moi :)

j'ai un peu de mal à comprendre l'utilisation d'un name et d'un id en même temps. Pour moi c'était ou l'un ou l'autre. il va maintenant falloir que je trouve comment afficher mon formulaire depuis la fonction Javascript et surtout lui dire où l'afficher sur la page.

Pour les recherches sur internet, c'est justement après avoir cherché plus d'une heure sur Google que je me suis permis de poster ici (oui je sais, je suis un piètre chercheur lol).
0
Réponse 3 / 8
Aquel Messages postés 199 Date d'inscription lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 10
14 janv. 2008 à 16:37
Je viens de réaliser que ton exemple me montre comment remplir des champs déjà existants alors que je souhaitais créer des champs en fonction du choix dans le menu déroulant.

Exemple :

un menu déroulant avec 2 options : Vin - Bière
Lorsque je clique sur Vin, un autre menu déroulant vien se mettre à coté avec d'autre options (exemple : Rouge ou Blanc).

Je pense avoir été plus clair là.

Cependant, ton message m'a bien aidé pour d'autres choses.

Merci beaucoup !!
0
Réponse 4 / 8
Alain42
14 janv. 2008 à 16:55
attention, la c'est plus compliqué !

les valeurs de ta deuxième liste sont prises ou ?
dans une base de données en fonction du choix dans la première ?

Dans ce cas il te faut soit

- utiliser le php et accepter de recharger la page

- utiliser Ajax qui appelle un script php de lecture dans la bdd en fonction du choix première liste (valeur envoyée en data) et qui vient "écrire" dans un div le code de la deuxième liste.

Je ne comprend pas un précédent post a disparu ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
Aquel Messages postés 199 Date d'inscription lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 10
14 janv. 2008 à 17:51
Mes pages sont dévelopées en ASP JScript. Cela peut poser un problème pour utiliser de l'AJAX?
En fait mon but était plutôt de charger tous les formulaires à l'avance et les afficher ou non.

Je viens en partit de résoudre mon problème grâce à l'attribut 'Hidden' ou 'Visible'.
Le problème est qu'il y a encore 1 ou 2 seconde avant que tous les champs ne se cachent.
Je te donnes ma fonction Javascript qui n'est pas très pro. C'est de la grosse bicole :)

function affiche_menu()
{
valeur_select = document.getElementById('choix_recherche').value;
if (valeur_select == "etablissement")
{
document.recherche_avancee.activite.style.visibility = 'visible';
document.recherche_avancee.localisation.style.visibility = 'visible';
document.recherche_avancee.administratif.style.visibility = 'hidden';
document.recherche_avancee.technique.style.visibility = 'hidden';
document.recherche_avancee.actionnaire.style.visibility = 'hidden';
}
if (valeur_select == "general")
{
document.recherche_avancee.activite.style.visibility = 'hidden';
document.recherche_avancee.localisation.style.visibility = 'hidden';
document.recherche_avancee.administratif.style.visibility = 'hidden';
document.recherche_avancee.technique.style.visibility = 'hidden';
document.recherche_avancee.actionnaire.style.visibility = 'hidden';
}
if (valeur_select == "societe")
{
document.recherche_avancee.activite.style.visibility = 'hidden';
document.recherche_avancee.localisation.style.visibility = 'hidden';
document.recherche_avancee.administratif.style.visibility = 'visible';
document.recherche_avancee.technique.style.visibility = 'visible';
document.recherche_avancee.actionnaire.style.visibility = 'visible';
}
if (valeur_select == "personne")
{
document.recherche_avancee.activite.style.visibility = 'hidden';
document.recherche_avancee.localisation.style.visibility = 'hidden';
document.recherche_avancee.administratif.style.visibility = 'hidden';
document.recherche_avancee.technique.style.visibility = 'hidden';
document.recherche_avancee.actionnaire.style.visibility = 'hidden';
}
}

Ensuite je mets une autre fonction pour tout cacher lorsque je charge ma page. C'est là que je trouve ça un peu long avant de disparaitre :

function cacher_champs()
{
document.recherche_avancee.activite.style.visibility = 'hidden';
document.recherche_avancee.localisation.style.visibility = 'hidden';
document.recherche_avancee.administratif.style.visibility = 'hidden';
document.recherche_avancee.technique.style.visibility = 'hidden';
document.recherche_avancee.actionnaire.style.visibility = 'hidden';
}

<body onload="cacher_champs();">
<!---MON FORMULAIRE--->
</body>
0
Réponse 6 / 8
Alain42
15 janv. 2008 à 12:53
bonjour,

tel que tu fais, tes formulaires ne sont pas liés entre eux, c' est à dire que le contenu de ta deuxième liste n'est pas liée au choix dans la première.

Par ex liste1= departements

liste2= villes dans ce départ

donc comme tu fais c'est bon.

mais si elles sont liées tu peux passer par Ajax, même avec ASP

En fait Ajax est une fonctionnalité de javascript.

au choix liste1 par onChange= tu appelles la fonction Ajax/javascript qui appelle le script php ou asp en lui passant des données (le choix liste1)

ce script recherche dans la BDD les valeurs a afficher dans liste 2 en fonction choix liste1, génére la partie HTML liste 2 et renvoie tout ça

A la réception dans le navigateur, le script javascript "écrit " la liste 2 dans la page (par innerHTML)

etc...
0
Réponse 7 / 8
Aquel Messages postés 199 Date d'inscription lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 10
16 janv. 2008 à 16:47
Bonjour et encore merci pour l'attention que tu portes au sujet !

Il est clair que comme tu dits, l'utilisation d'AJAX n'est pas nécessaire dans ce cas.
Cependant, tu me mets sur la bonne piste pour la suite car je vais devoir faire une liste avec les départements (91,92,93,...) qui découle sur une autre liste détaillée (91000,91200,91300,.....).

Je fouille ça et mettrais le script sur ce post (si j'y arrive lol parcequ'AJAX n'a pas l'air d'être une partie de plaisir).

A+
0
Réponse 8 / 8
guguss
11 avril 2009 à 01:02
bonjour,
Nom formulaire et champs variable...

Je voudrais savoir comment faire pour récupérer la valeur d'un champs don't le nom du formulaire est une variable
Normalement: document.formulaire.champs.value;
Ce que je veux : document.VARIABLE.VARIABLE.value;
Une exemple:
function erreur(champs,formulaire){

if (document..formulaire.champs.value == "") alert("champs vide");

}
ça marche pas comme ça...
Merci pour votre aide
0

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire
azixe -
cs_Le Pivert -

Bonjour,

Je vous montre la photo imprimé (fait avec le clavier sur la touche (imprim ecran) que j'ai créé 'formulaire en VBA' avec excel 2019 que j'ai nommé



voici le code :

Private Sub CommandButton_AjoutJoueur_Click()
'**************************************
'***** Enregistrement des donnees *****
'**************************************

'**** Civilité *****
ComboBoxCivilite.ColumnCount = 1
ComboBoxCivilite.List = Array("Mr", "Mme", "Melle")


'Nom du Joueur
Cells(1, 2).Value = TextBox_NomJoueur

'Prenom du joueur
Cells(1, 3).Value = TextBox_PrenomJoueur

'Adresse
Cells(1, 4).Va...

1 réponse
Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport
Utilisateur anonyme -
TomH. -

Bonjour,
tous les mois je fais des indicateurs sécurité et ce mois ci j'ai un problème : je mets à jour ma base de donnée et ensuite je mets à jour les tableaux croisés dynamiques
celà fonctionne pour presque tous mes tableaux sauf pour 2 où la réponse est la suivante :
impossible d'afficher le rapport de tableau croisé dynamique sur un rapport existant
je n'arrive pas à trouver l'erreur que j'ai pu commetre
merci de votre aide


13 réponses
Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

Bonjour à tous,

Je suis en train d'analyser les réponses reçues à un questionnaire sur Excel en en faisant un tableau croisé dynamique ; seulement, au moment de cliquer sur ok, Excel m'affiche le fameux "le nom du champ du tableau croisé dynamique n'est pas valide. Pour créer un rapport de tableau croisé dynamique, vous devez utiliser les données sous forme de liste avec des étiquettes de colonnes. Si vous changez le nom d'un talbeau croisé dynamique, vous devez taper un nouveau nom pour le champs".

Sauf que j'ai déjà nommé toutes les colonnes, nommé le champs (le tableau entier), enlevé toutes les cases vides (en cherchant sur les forums j'ai constaté qu'en gé...

6 réponses
Je n'arrive plus à récuperer mon compte Outlook
gnulinux_ -
laure -

Bonjour,

ça vas faire maintenant 4 Jours que j'essaye de récuperer mon compte Outlook en remplissant correctement le formulaire de récupération, mais Microsoft m'envois chier à chaque fois, alors que j'inscris des informations cohérent aux comptes, que j'ai déjà utiliser pour récuperer mon compte Outlook, il est normalement associer à mon compte Gmail, mais l'un ne peut pas rattraper l'autre aucun d'entre eux ne saurait récuperer mon compte avec un formulaire et une question secrète que je suis sensé connaitre, là je suis à bout je ne sais plus quoi faire et je ne sais pas comment contacter leurs ingénieurs pour régler mon problème, si ça peut faire avancer les choses, j'ai pu...

4 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

12 réponses