[AJAX] Affection variable php via ajax

Invit� · 27/07/2009, 16h56

Merci pour le compl�ment d'information

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 html :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

**Bovino** · 27/07/2009, 17h29

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.

T'as lu �a o� ???

**emmanuel.remy** · 27/07/2009, 19h21

Envoy� par jeanjean8501

Merci pour le compl�ment d'information

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 html :

S�lectionner tout - Visualiser dans une fen�tre � part

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

ERE

Invit� · 28/07/2009, 08h21

Bonjour,

Envoy� par Bovino

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

Envoy� par emmanuel.remy

Je ne comprends pas

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

Ps: j'ai �diter le bout de code source que j'avai mis plus haut

**emmanuel.remy** · 28/07/2009, 08h33

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

Invit� · 28/07/2009, 08h35

Yes, je m'y attelle

Invit� · 30/07/2009, 08h59

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 ajax :

S�lectionner tout - Visualiser dans une fen�tre � part

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 ajax :

S�lectionner tout - Visualiser dans une fen�tre � part

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 !

**emmanuel.remy** · 30/07/2009, 10h09

Salut,

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Invit� · 30/07/2009, 10h40

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 ajax :

S�lectionner tout - Visualiser dans une fen�tre � part

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 ajax :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Plus qu'a int�grer sa au vrai code

Invit� · 31/07/2009, 08h52

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.

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 ajax :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**emmanuel.remy** · 31/07/2009, 11h30

Salut,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[AJAX] Affection variable php via ajax

AJAX

Discussions similaires

Partager

Partager