[AJAX] Affection variable php via ajax

Version imprimable

Voir 40 message(s) de cette discussion en une page

Merci pour le complément d'information :D

Il me reste deux petits soucis :

1. en fait le formulaire que je veux envoyer est composé de de trois tableau, mais juste le 2ème tableau doit etre affectué par le duplicata, donc dès que j'adapte le code sa ne duplique que mon premier tableau.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <body id="body"> <form method="post" action="monscript.php"> <table id="tab1"> Formulaire sur les personnes </table> <form> <table id="tab2"> Formulaire sur les enfants // formulaire qui va être créer dynamiquement </table> </form> <table id="tab3"> formulaire sur les véhicules </table> </form> </body>
2. Le second soucis c'est que j'ai un élément de mon tableau qui est de type <img> donc j'ai lu que document.getElementsById() ne marchait pas pour ce genre de tag mais je n'ai trouver aucune parade.

27/07/2009, 17h29
Bovino

Citation:

Envoyé par jeanjean8501

2. Le second soucis c'est que j'ai un élément de mon tableau qui est de type <img> donc j'ai lu que document.getElementsById() ne marchait pas pour ce genre de tag mais je n'ai trouver aucune parade.

8O
T'as lu ça où ???
27/07/2009, 19h21
emmanuel.remy
Citation:
Envoyé par jeanjean8501

Merci pour le complément d'information :D

Il me reste deux petits soucis :

1. en fait le formulaire que je veux envoyer est composé de de trois tableau, mais juste le 2ème tableau doit etre affectué par le duplicata, donc dès que j'adapte le code sa ne duplique que mon premier tableau.

Code:

1 2 3 4 5 6 7 8 9 <form metho="post" action="monfifchier.php"> <table id="tab1"> </table> <table id="tab2"> </table> <table id="tab3"> </table> </form>

2. Le second soucis c'est que j'ai un élément de mon tableau qui est de type <img> donc j'ai lu que document.getElementsById() ne marchait pas pour ce genre de tag mais je n'ai trouver aucune parade.
Je ne comprends pas :aie:

ERE
28/07/2009, 08h21
Invité

Bonjour,

Citation:

Envoyé par Bovino

8O
T'as lu ça où ???

J'ai lu ça ici = > http://www.webdeveloper.com/forum/sh...d.php?t=119237 dans le 2ème post. Mais j'ai vu aussi après sur developpez.net que c'était possible ;)

Citation:

Envoyé par emmanuel.remy

Je ne comprends pas :aie:

ERE

En faite ce que j'ai voulu montrer, mais j'avoue que je n'ai pas été clair, c'est que j'ai un form global qui me sert pour envoyer les données saisies dans le formulaire à un script php.

Mais le problème c'est que mon formulaire est divisé en trois partie, une partie sur les renseignements concernant une personne, une autre partie concernant les enfants et une autre partie concernant les véhicules.

La partie que je souhaite créer dynamiquement est la partie enfant en fonction du nombre d'enfant renseignés dans la partie concernant les personnes.

Or dans le code que tu ma fournis, il faut mettre le formulaire à créer entre des balises Body et form.

Sauf que lorsque que je met ces balises, lors de la création dynamique du formulaire enfant, sa ne créé pas le formulaire enfants mais le premier formulaire.

En espérant avoir été plus clair :ccool:

Ps: j'ai éditer le bout de code source que j'avai mis plus haut
28/07/2009, 08h33
emmanuel.remy

Salut,

Le code de démo que je t'ai passé montrait comment dupliquer un formulaire. C'est certain que tu dois l'adapter pour qu'il corresponde à tes attentes. Mais le code en lui-même ne change pas c'est juste identifier quel formulaire dupliquer et où l'insérer.

ERE
28/07/2009, 08h35
Invité

Yes, je m'y attelle :)

Bonjour,

J'ai remarque quelque chose, c'est que lors de la création dynamiques des formulaires, les formulaires enfants avaient un id bizarre.

J'ai donc décider de modifier leur id via la propriété

Code:

document.getElementById("Nom_enf").id

Mais apparament il y a un probleme.

Ce que je souhaite faire, c'est que mon premier formulaire ait pour id "Nom_enf0" et que les suivant aient "Nom_enf1" etc etc...

A noter que par défaut le formulaire parent à pour id "Nom_enf"

J'ai donc mis en place la méthode suivante :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function creeFormulaires() { var nbF = parseInt(document.getElementById("nbF").value); // On récupère le nombre entré var frm = document.forms[0];// On définit un objet frm. for (var i=0; i<nbF;i++ ) // On boucle sur le nombre saisie { document.getElementById("Nom_enf").id = "Nom_enf".concat(i); var frm2 = frm.cloneNode(true); document.getElementsByTagName("BODY")[0].appendChild(frm2); } }
Ma logique semble donc etre fausse, mais je n'arrive pas a voir pourquoi. Si quelqu'un pouvait m'éclairer !

Salut,

Ce n'est pas très logique... Plutôt:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function creeFormulaires() 
{				
	var nbF = parseInt(document.getElementById("nbF").value); // On récupère le nombre entré
	var frm = document.forms[0];// On définit un objet frm.
	
	for (var i=0; i<nbF;i++ ) // On boucle sur le nombre saisie
	{
 
              
		var frm2 = frm.cloneNode(true);
		frm2.id = "Nom_enf" + i ;//on peut aussi utiliser la fonction setAttribute, à voir si problème
		
		document.getElementsByTagName("BODY")[0].appendChild(frm2);
	}
}

ERE

Merci de ta réponse !

En faite j'utilisai cette technique car par formulaire j'ai 3 <input>

Nom_enf, Prenom_enf et Dte_Naiss_enf

Donc dans ma boucle je faisais
Code:

1 2 3 4 document.getElementById("Nom_enf").id = "Nom_enf".concat(i); document.getElementById("Prenom_enf").id = "Prenom_enf".concat(i); document.getElementById("Dte_Naiss_enf").id = "Dte_Naiss_enf".concat(i);
Donc du coup j'utilise sa maintenant :
Code:

1 2 3 4 frm2[0].id = "Nom_enf" + i ;//on peut aussi utiliser la fonction setAttribute frm2[1].id = "Prenom_enf" + i ;//on peut aussi utiliser la fonction setAttribute frm2[2].id = "Dte_Naiss_enf" + i ;//on peut aussi utiliser la fonction setAttribute
Merci encore une fois pour ton aide :ccool:

Plus qu'a intégrer sa au vrai code 8-)

31/07/2009, 08h52
Invité

Citation:

Envoyé par emmanuel.remy

Salut,

Le code de démo que je t'ai passé montrait comment dupliquer un formulaire. C'est certain que tu dois l'adapter pour qu'il corresponde à tes attentes. Mais le code en lui-même ne change pas c'est juste identifier quel formulaire dupliquer et où l'insérer.

ERE

Je n'arrive toujours pas à intégrer le code dans ma page finale. :aie:

En faite jai un formulaire qui envoie les données contenu dans 3 tableaux.

Si je comprend bien ton code, le code à dupliquer est a mettre entre les balises <body> via la ligne de code

Code:

document.getElementsByTagName("BODY")[0].appendChild(frm2);

Sauf que non sa ne marche pas comme sa !

Si je met le formulaire que je veux dupliquer seulement entre les balises BODY sa ne marche pas ! Sa duplique tout ce qui trouve dans le form
:(
31/07/2009, 11h30
emmanuel.remy

Salut,

Citation:

Code:

document.getElementsByTagName("BODY")[0].appendChild(frm2);

ajoute le formulaire frm2 à l'élément BODY. Mais tu peux l'ajouter où tu veux de la même façon, à toi d'identifier où (vers quel élément parent).

ERE

Voir 40 message(s) de cette discussion en une page