Impossible de soumettre Form Objets DOM

**riete** · 04/11/2008, 11h47

Un appel Ajax me retourne un formulaire qui est fabriqué avec des appels DOM. Du style:

Code :

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

new_Element = document.createElement('form');

Ce formulaire doit être sur la ligne d'une table. Si je crée l'élément formulaire au niveau <tr> et les éléments du formulaire dans chaque colonne <td>, le formulaire n'est pas soumis par une action submit.

Si par contre si je crée le formulaire et ses éléments dans la même colonne <td> il est soumis.

Je pense que le problème vient du fait que : dans le cas du formulaire dans une seul case, les éléments sont ajoutés au formulaire, alors que dans le cas du formulaire sur la ligne. Les éléments sont ajouté à chaque colonne <td>.

Comment doit je faire pour que les éléments de formulaire créés dans les colonnes puissent être des enfants du formulaire de la ligne ?

Pas facile à poser comme problème, j'espère que je me suis fait comprendre ?

**javatwister** · 04/11/2008, 11h51

a priori, inclus ton tableau dans le form;

**SpaceFrog** · 04/11/2008, 11h58

http://www.developpez.net/forums/d53...ynamique-form/

**riete** · 04/11/2008, 15h09

Envoyé par javatwister

a priori, inclus ton tableau dans le form;

Je ne suis pas certain de ce que tu veux me dire, mais hélas, faire cela en terme DOM n'est pas totalement trivial

Si tu as une truc, je suis preneur.

Envoyé par SpaceFrog

http://www.developpez.net/forums/d53...ynamique-form/

Merci SpaceFrog, mais j'avais jusqu'à maintenant essayer d'éviter de me jeter dans ton code car il est assez 'toufu'

et je ne suis pas encore un expert en JS. J'y travaille mais la route est longue

Par contre si tu n'y vois pas d'inconvénient, il se peut que je revienne pour avoir des éclaircissements.

**SpaceFrog** · 04/11/2008, 15h24

si tu ne crées pas ton objet from selon la methode préconisée dans l'artcile ...

tu testes sous IE ???

**riete** · 05/11/2008, 10h27

Envoyé par SpaceFrog

si tu ne crées pas ton objet from selon la methode préconisée dans l'artcile ...

tu testes sous IE ???

Je teste sous FF 2.

Je deviens fou avec ce truc.
Je me suis fait un petit bout de code pédagogique afin de bien comprendre le mécanisme. Mais même là le formulaire ne veut pas être soumis. Pourquoi ?
J'imagine que le problème est dû au fait que les éléments 'input' ne sont pas des enfants du 'form' ?
Si je les rends enfants du form, il n'apparaissent plus !!!

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
43
44
45
46
47
48
49
50
51
52
53
54
<html>
<head>
<script type="text/javascript" language="javascript" charset="iso-8859-1">
 
	// creation d'un tableau avec form integre
	function make_form( fid, tid){
		// Table
		my_Table = document.createElement('table');
		my_Table.id = tid;
		my_Table.border = 1;
		document.body.appendChild(my_Table);
 
		// TR1
		my_tr = document.createElement('tr');
		my_Table.appendChild(my_tr);
 
			// form
 			my_form = document.createElement('form');
			my_form.id = fid;
			my_form.method = 'post';
 			my_tr.appendChild(my_form);
 
				// TD1
				my_td1 = document.createElement('td');
				my_tr.appendChild(my_td1);
 
					// input1
					tnode1 = document.createTextNode('input1 ');
					my_td1.appendChild(tnode1);
 
					my_input1 = document.createElement('input');
					my_input1.setAttribute('type','text');
					my_input1.setAttribute('name','text1');
					my_input1.setAttribute('value','Mon texte');
					my_td1.appendChild(my_input1);
 
				// TD2
				my_td2 = document.createElement('td');
				my_tr.appendChild(my_td2);
 
					// input2
					my_input2 = document.createElement('input');
					my_input2.setAttribute('type','submit');
					my_input2.setAttribute('name','ok');
					my_input2.setAttribute('value','ok');
					my_td2.appendChild(my_input2);
	}
 
</script>
</head>
<body>
	<input type="button" value="Make form table" onclick="make_form('f2', 't2');">
</body>
</html>

Impossible de soumettre Form Objets DOM

JavaScript

Vue hybride

Discussions similaires

Partager

Partager