[DOM] Accès formulaire créé dynamiquement

Version imprimable

Dans le cadre d'un projet en GWT, je suis amenée à créer un formulaire en javascript qui doit s'auto submiter.

Tout se passe assez bien sauf, que ma servlet d'arrivée n'arrive pas à lire les données du formulaire, à croire que celui est vide.
Après quelques tests, il semblerait que le fait que le formulaire soit créer grâce à une fonction javascript y soit pour quelque chose. Puisqu'on ne peut pas accéder aux variables de celui ci.
Voici le code de ma fonction :
Code:

1 2 3 4 5 6 7 8 9 10 function generateForm(nom,prenom) { document.getElementById("submitServlet").innerHTML = ''; document.getElementById("submitServlet").innerHTML +='<form name="creator" action="SubmitServlet" method="POST" target="_blank">'; document.getElementById("submitServlet").innerHTML +='<input type=text id=firstName name=firstName value='+ prenom + '>'; document.getElementById("submitServlet").innerHTML +='<input type=text name=surname value='+ nom + '>'; document.getElementById("submitServlet").innerHTML +='<input type=submit>' document.getElementById("submitServlet").innerHTML +='</form>'; document.getElementById("submitServlet").creator.firstName.value = "blabla"; document.getElementById("submitServlet").creator.submit(); }
En gros l'avant dernière ligne ne fonctionne pas et j'ai le droit à une erreur du genre "null object" il trouve pas firstName ... quelque soit la façon d'aller le chercher (getElementById, getElementByTagName, etc...).
Pour infos : le formulaire doit se trouver dans une balise "div" appelée "submitServlet"

J'ai cherché un peu partout sur le forum et il ne me semble pas que le problème d'accès à des données d'un formulaire créé de cette façon est été abordé.
Si quelqu'un a une idée, ça m'aiderait beaucoup !

15/04/2008, 15h12
le_chomeur

:sm:

lol , essaye de t'orienter du dom pour créer tes éléments, ton code n'en sera que plus lisible et maintenable :)
15/04/2008, 15h14
Cyollanne

en fait, j'y ai pensé à la minute même ou j'ai envoyé le message ... J'vais essayer, je vois.

merci pour la fessée :D
15/04/2008, 15h25
madevilts

Pense à mettre des quotes pour tes ID (c'est plus propre) et tes values surtout !
15/04/2008, 15h28
Cyollanne

Oui oui, je les met. C'est juste que le code là, faisait parti de mes innombrables tests pour comprendre pourquoi ça marchait pas :(

Bref, j'suis pas spécialiste de DOM, mais j'vais essayer de faire ça.

Bon, quoi que je fais de mal là ??

Code:

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
function generateForm(nom,prenom) {
 
	var div = document.createElement('div');
	div.setAttributes('name','submitServlet');
	div.setAttributes('style', 'height:0';
 
 
	var form = document.createElement('form');
	form.setAttributes('name', 'creator');
	form.setAttributes('action', 'Servlet');
	form.setAttributes('method', 'POST');
	form.setAttributes('target', '_blank');
 
	var inputFN = document.createElement('input');
	inputFN.setAttributes('type', 'hidden');
	inputFN.setAttributes('name', 'firstName');
	inputFN.setAttributes('value', nom);
 
	var inputSN = document.createElement('input');
	inputSN.setAttributes('type', 'hidden');
	inputSN.setAttributes('name', 'surname');
	inputSN.setAttributes('value', prenom);
 
	document.body.appendChild(div);				
	div.appendChild(form);
	form.appendChild(inputFN);
	form.appendChild(inputSN);
 
	document.submitServlet.creator.submit();
}

Parce que j'ai suivi ce qu'il y a marqué là moi ...

plusieurs erreurs , voici ston script corigé , ej te laisse analysé ( des s a attributes en trop , parenthèse mal refermé ... )

Code:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
function generateForm(nom,prenom) {
 
	var div = document.createElement('div');
	div.setAttribute('name','submitServlet');
	div.style.height = "0px";
 
 
	var form = document.createElement('form');
	form.setAttribute('name', 'creator');
	form.setAttribute('action', 'Servlet');
	form.setAttribute('method', 'POST');
	form.setAttribute('target', '_blank');
 
	var inputFN = document.createElement('input');
	inputFN.setAttribute('type', 'hidden');
	inputFN.setAttribute('name', 'firstName');
	inputFN.setAttribute('value', nom);
 
	var inputSN = document.createElement('input');
	inputSN.setAttribute('type', 'hidden');
	inputSN.setAttribute('name', 'surname');
	inputSN.setAttribute('value', prenom);
 
	form.appendChild(inputFN);
	form.appendChild(inputSN);
	div.appendChild(form);
 
	document.body.appendChild(div);				
	alert(document.body.innerHTML);
 
 
	form.submit();
}
</script>
</head>
 
<body>
<script type="text/javascript">generateForm('mick','test');</script>
</body>
</html>

15/04/2008, 16h32
Cyollanne

Bon, j'ai encore des erreurs .... mais j'pense que c'est pas la faute au javascript mais plutôt à GWT...

J'sais plus trop comment faire mais merci beaucoup pour votre aide, j'vais mettre en résolu, j'me débrouillerais autrement.

Merci !