Discussion :

[weed]

Bonjour,

J'ai un tableau d'une 30aine de colone contenant des balises select.

Je me suis créé un un bouton qui me permet de dupliquer une ligne. Je l'ai fais avec DOM en javascript avec la fonction cloneNode.

Puis toujours avec j'ai renomé les attributs name des nouveaux select pour différencier les champs avec la ligne qui a servi de copie. J'ai controlé à l'aide de Firebug, les attributs sont bien renommé.

Lorsque je submit mon formulaire, les champs nouvellement créé n'apparraissent pas dans print_r($_POST).

J'ai essayé les 2 méthodes pour changer les attribut name avec :
- element.name = "jour_1";
et - element.setAttribute("name", "jour_1" );

Ou ai je fauté ?

Est ce que l'on peux reelement creer des elements d'un formulaire coté client avec DOM en javascript pour ensuite pouvoir exploiter les informations coté serveur ?
J'ai l'impression que non, car ce sont uniquement mes select créé coté client qui ne sont pas envoyés.


Voici ma fonction lorsque je clique sur mon bouton "Ajout Projet" qui est dans mon tableau :


//Chaque ligne est reference par un id "ligne" + ligne qui est une variable qui s'incremente à chaque ligne

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
function ajoutProjet(ligne)
{
	var ligneACopier = document.getElementById("ligne" + ligne);
 
	var table = ligneACopier.parentNode;
 
	var ligneClone = ligneACopier.cloneNode(true);
	table.insertBefore(ligneClone, ligneACopier);
 
 
 
       //Traitement pour mettre à jour les attributs. 	
	var tousLesSelect = ligneClone.getElementsByTagName ("select");
 
	//Recuperation du nombre de projet
	var nbProjet = document.getElementById("nbprojet");
	var attri;
 
	//Mise à jour du nombre de projet
	nbProjet.value=parseInt(nbProjet.value)+1;
 
	//Mise à jour des attributs name
	for (var i = 0 ; i < tousLesSelect.length ; i++)
	{
		//is_ignorable : hack pour Firefox à cause des espaces
		if (is_ignorable (tousLesSelect[i]) == false && tousLesSelect[i].hasAttribute("name"))
		{
			//attri = tousLesSelect[i].getAttribute("name");
			attri = tousLesSelect[i].name;
 
			attri = attri.substring(0,attri.lastIndexOf("_"));
			//tousLesSelect[i].setAttribute("name", attri+"_"+nbProjet.value);
			tousLesSelect[i].name = attri+"_"+nbProjet.value;
 
		}
	}
 
	//Mise à jour de l'attribut id du tr cloné
	ligneClone.id = "ligne"+nbProjet.value;
 
 
}

[SpaceFrog]

à la fin de la creation essaye de faire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[0].getElementsById('monsubmit').type="submit"

en mettant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id="monsubmit"

à ton bouton submit

[weed]

Mon bouton submit est en dehors de mon tableau. Il est en construit en dur et directement avec le bon type : submit.

De plus lorsque je clique sur mon bouton submit, tous les select qui ont été créé des le départ sont bien envoyé. Ils apparaissent bien quand je fais un print_r($_POST); J'en conclue donc que mon bouton submit est bien correct.

Par contre, c'est uniquement les lignes dupliqués, c'est à dire les select créé coté client qui ne sont pas envoyé au serveur.

Les lignes dupliquées sont bien sur entre les balises <form action="monfichierserveur.php" method="post"> et </form>

[SpaceFrog]

Ce n'est une question que le bouton soit correct ou pas, c'est juste pour feiter et lui dire de prendre en compte les champs ajoutés ... Maintenant si tu ne veux pas de mes conseils ...

[weed]

Ce n'est une question que le bouton soit correct ou pas

Oki dans ce cas.

c'est juste pour feiter et lui dire de prendre en compte les champs ajoutés ...

Que signifie feiter ? Faute de frappe ?

Faire prendre en compte les champs ajoutés ... Et bien, c'est assez surprenant ce que tu me dis.

Maintenant si tu ne veux pas de mes conseils ...

Oula pas du tout. Je me demandais pourquoi faire ceci.
J'avais bien remarqué que tu es modo ce qui laisse supposer que tu connais bien Javascript et DOM et cela m'etonnerais pas du tout bien mieux que moi. Je ne mets pas ta parole en doute et j'irais de ce pas, demain matin au taff essayer ton astuce

[SpaceFrog]

feiter ??? tu connais pas les feitards ha ben non ça s'écrit pas comme ça
faut faire la fête !!!

en fait je parlais de feinte

[weed]

SpaceFrog > j'aime bien lorsque j'aide quelqu'un avoir des nouvelles, je me dois donc te les donner ...
J'ai essayer ta solution mais malheuresement cela n'a pas fonctionner.

J'ai donc créér dès le début ma 2ème ligne et je l'ai caché par defaut. Lorsque j'appuis sur le bouton +, cela passe en mode "visibility". Les champs sont maintenant bien envoyé.

En tant que developpeur je ne trouve pas cette solution tres propre parce que je mets ma 2ème ligne de tableau en dur. La solution DOM avait le grand avantage de pouvoir ajour N ligne dans mon tableau... Malheuresement, je n'ai pas assurer et du me resigner à faire la méthode crade ....

Voilou pour les news. Je ne suis plus sur le projets, je ne peux plus revenir dur DOM ...

Merci à toi SpaceFrog pour avoir passer du temps ...

@+++