Formulaire Ajax
Résolu
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
-
31 mars 2008 à 10:59
cs_bibo06 Messages postés 116 Date d'inscription mardi 28 novembre 2006 Statut Membre Dernière intervention 10 mars 2009 - 9 avril 2008 à 17:32
cs_bibo06 Messages postés 116 Date d'inscription mardi 28 novembre 2006 Statut Membre Dernière intervention 10 mars 2009 - 9 avril 2008 à 17:32
48 réponses
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
1 avril 2008 à 19:07
1 avril 2008 à 19:07
J'ai trouvé :)
function creat_form(num) {
if(f=document.getElementById('resultat')){
f.parentNode.removeChild(f);
}
var d=document.createElement("div");
d.id="resultat";
var e,f;
for (i=0; i<num; i++)
{
e=document.createElement("input");
e.type="text";
e.name="nom"+i;
d.appendChild(e);
var f=document.createElement("br");
d.appendChild(f);
document.form1.appendChild(d);
}
}
Merci pour ton aide bultez, je pense pouvoir l'adapter a mon code maintenant
function creat_form(num) {
if(f=document.getElementById('resultat')){
f.parentNode.removeChild(f);
}
var d=document.createElement("div");
d.id="resultat";
var e,f;
for (i=0; i<num; i++)
{
e=document.createElement("input");
e.type="text";
e.name="nom"+i;
d.appendChild(e);
var f=document.createElement("br");
d.appendChild(f);
document.form1.appendChild(d);
}
}
Merci pour ton aide bultez, je pense pouvoir l'adapter a mon code maintenant
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
8 avril 2008 à 16:29
8 avril 2008 à 16:29
en reprenant ton script "presque" initial
var d=document.createElement("div");
for (i=0; i<num; i++) {
var e=document.createElement("input");
e.type="text";
e.name="nom"+i;
e.value=i;
d.appendChild(e);
var f=document.createElement("h1");
f.innerHTML="exemple";
d.appendChild(f);
document.form1.appendChild(d);
<hr /> Cordialement Bul [mon Site] [M'écrire]
var d=document.createElement("div");
for (i=0; i<num; i++) {
var e=document.createElement("input");
e.type="text";
e.name="nom"+i;
e.value=i;
d.appendChild(e);
var f=document.createElement("h1");
f.innerHTML="exemple";
d.appendChild(f);
document.form1.appendChild(d);
<hr /> Cordialement Bul [mon Site] [M'écrire]
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
31 mars 2008 à 11:25
31 mars 2008 à 11:25
Bonjour,
>>Donc déjà est-ce faisable??
oui
>>Et si oui comment je peux faire ca??
ce que tu veux c'est ajouter au formualire existant
une zone contenants plusieurs champs de saisie...
ajax n'est même pas obligatoire....
"il suffit" en javascript d'ajouter un div ( par exemple )
qui contienne ces champs de saisie
( ajout avec innerHTML ou createElement+appendChild )
avec ajax, on appelerait un script sur le serveur, qui
retournerait ce div, charge au javascript de l'insérer là où il faut.
<hr /> Cordialement Bul [mon Site] [M'écrire]
>>Donc déjà est-ce faisable??
oui
>>Et si oui comment je peux faire ca??
ce que tu veux c'est ajouter au formualire existant
une zone contenants plusieurs champs de saisie...
ajax n'est même pas obligatoire....
"il suffit" en javascript d'ajouter un div ( par exemple )
qui contienne ces champs de saisie
( ajout avec innerHTML ou createElement+appendChild )
avec ajax, on appelerait un script sur le serveur, qui
retournerait ce div, charge au javascript de l'insérer là où il faut.
<hr /> Cordialement Bul [mon Site] [M'écrire]
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
31 mars 2008 à 11:35
31 mars 2008 à 11:35
Le truc, c'est qu'i ldoit me sortir autant de formulaire que le chiffre rentré dans le champs.
Si j'ai mis qu'il y avait 5 chambre, il doit me sortir automatiquement 5 formulaire: chmabre1, chambre2, chambre3...
C'est faisable juste avec du javascript??
Si j'ai mis qu'il y avait 5 chambre, il doit me sortir automatiquement 5 formulaire: chmabre1, chambre2, chambre3...
C'est faisable juste avec du javascript??
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
31 mars 2008 à 11:42
31 mars 2008 à 11:42
>>C'est faisable juste avec du javascript??
ben oui...
si tu sais en ajouter un, tu peux en ajouter 2, et même autant que demandé
( à priori ... une ch'tite boucle ? )
>> doit me sortir automatiquement 5 formulaire
mais à priori, pas 5 formualires : ajout au formulaire existant.
<hr /> Cordialement Bul [mon Site] [M'écrire]
ben oui...
si tu sais en ajouter un, tu peux en ajouter 2, et même autant que demandé
( à priori ... une ch'tite boucle ? )
>> doit me sortir automatiquement 5 formulaire
mais à priori, pas 5 formualires : ajout au formulaire existant.
<hr /> Cordialement Bul [mon Site] [M'écrire]
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
31 mars 2008 à 11:45
31 mars 2008 à 11:45
Ok je te remerci je vais essayer de me renseigner comment faire ca.
Un tuto sur les formulaire interactif devrait m'aider je pense.
Un tuto sur les formulaire interactif devrait m'aider je pense.
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
31 mars 2008 à 11:55
31 mars 2008 à 11:55
pour innerHTML : document.formulaire.innetHTML+="ce qur tu veux, donc balises html...";
pour createElement+appendChild : ici par exemple
<hr /> Cordialement Bul [mon Site] [M'écrire]
pour createElement+appendChild : ici par exemple
<hr /> Cordialement Bul [mon Site] [M'écrire]
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
31 mars 2008 à 11:57
31 mars 2008 à 11:57
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
1 avril 2008 à 11:35
1 avril 2008 à 11:35
Je n'arrive pas très bien à comprendre la fonction appendChild, pourrais-tu m'expliquer?
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
1 avril 2008 à 12:09
1 avril 2008 à 12:09
tu as un exemple d'utilisation dans UMP,
et une explication dans selfHTML ici
<hr /> Cordialement Bul [mon Site] [M'écrire]
et une explication dans selfHTML ici
<hr /> Cordialement Bul [mon Site] [M'écrire]
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
1 avril 2008 à 12:48
1 avril 2008 à 12:48
Ok je pense avoir compris.
j'ai fait cette page pour un test :
Comment je peux lui dire que lorsque j'ai rempli le champ il execute le script??
J'ai essayer le onclick mais rien ne se passe...
j'ai fait cette page pour un test :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML Lang="fr">
<HEAD>
<meta http-equiv="content-Language" content="fr-FR">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<TITLE>test-form</TITLE>
<Script Type="Text/JavaScript">
function creat_form(num) {
var d=document.createElement("div");
for (i=0, i<quantite, i++) {
var e=document.createElement("input");
e.type="text";
e.name=nom+quantite;
d.appendChild(e);
}
}
</Script>
</HEAD>
<form name="form1" enctype="multipart/form-data" method="POST" >
</form>
</html>
Comment je peux lui dire que lorsque j'ai rempli le champ il execute le script??
J'ai essayer le onclick mais rien ne se passe...
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
1 avril 2008 à 13:28
1 avril 2008 à 13:28
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
1 avril 2008 à 14:26
1 avril 2008 à 14:26
c'est à dire?? il faut bien que j'appel ma fonction avec le champ text qui informe combien de fois il faut que je crée de nouveaux champs non?
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
1 avril 2008 à 14:42
1 avril 2008 à 14:42
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
1 avril 2008 à 14:43
1 avril 2008 à 14:43
ok je viens de comprendre, je test
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
1 avril 2008 à 15:00
1 avril 2008 à 15:00
Bon j'ai essayer en corrigeant mon code:
Normalement lorsque je vais cliquer sur le bouton qu iexiste sur la page ca va verifier le numéro rentré et m'afficher des input non??
Désolé d'être lourd mais je suis vraiment novice en javascript et j'essai de comprendre, merci de ta patience en tout cas.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML Lang="fr">
<HEAD>
<meta http-equiv="content-Language" content="fr-FR">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<TITLE>test-form</TITLE>
<Script Type="Text/JavaScript">
function creat_form(num) {
var d=document.createElement("div");
for (i=0; i<num; i++) {
var e=document.createElement("input");
e.type="text";
e.name="nom"+i;
d.appendChild(e);
}
}
</Script>
</HEAD>
<form name="form1" enctype="multipart/form-data" method="POST" >
</form>
</html>
Normalement lorsque je vais cliquer sur le bouton qu iexiste sur la page ca va verifier le numéro rentré et m'afficher des input non??
Désolé d'être lourd mais je suis vraiment novice en javascript et j'essai de comprendre, merci de ta patience en tout cas.
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
1 avril 2008 à 15:19
1 avril 2008 à 15:19
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
1 avril 2008 à 16:12
1 avril 2008 à 16:12
Je viens de corrigé le problème et je commence à avoir des résultats :)
Est ce je peux ajouter de la même manière du texte, et comment je peux mettre un
??
De plus j'ai pensé à faire en sorte que si la personne change le chiffre pour en retiré un ou en rajouter, mais comment je peux faire sachant sachant que en ce moment, si on mets en 1er par exemple 4 que l'on clique sur le bouton puis que l'on remplace le chiffre par 6, il va me mettre 10 input en tout il me supprime pas les 4 1ers.
Est ce je peux ajouter de la même manière du texte, et comment je peux mettre un
??
De plus j'ai pensé à faire en sorte que si la personne change le chiffre pour en retiré un ou en rajouter, mais comment je peux faire sachant sachant que en ce moment, si on mets en 1er par exemple 4 que l'on clique sur le bouton puis que l'on remplace le chiffre par 6, il va me mettre 10 input en tout il me supprime pas les 4 1ers.
cs_bibo06
Messages postés
116
Date d'inscription
mardi 28 novembre 2006
Statut
Membre
Dernière intervention
10 mars 2009
1 avril 2008 à 16:17
1 avril 2008 à 16:17
Au fait voici mon code modifié:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML Lang="fr">
<HEAD>
<meta http-equiv="content-Language" content="fr-FR">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<TITLE>test-form</TITLE>
<Script Type="Text/JavaScript">
function creat_form(num) {
var d=document.createElement("div");
for (i=0; i<num; i++) {
var e=document.createElement("input");
e.type="text";
e.name="nom"+i;
d.appendChild(e);
document.form1.appendChild(d);
}
}
</Script>
</HEAD>
<form name="form1" enctype="multipart/form-data" method="POST" >
</form>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML Lang="fr">
<HEAD>
<meta http-equiv="content-Language" content="fr-FR">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<TITLE>test-form</TITLE>
<Script Type="Text/JavaScript">
function creat_form(num) {
var d=document.createElement("div");
for (i=0; i<num; i++) {
var e=document.createElement("input");
e.type="text";
e.name="nom"+i;
d.appendChild(e);
document.form1.appendChild(d);
}
}
</Script>
</HEAD>
<form name="form1" enctype="multipart/form-data" method="POST" >
</form>
</html>
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
1 avril 2008 à 16:31
1 avril 2008 à 16:31
