[DOM] Accès formulaire créé dynamiquement

**Cyollanne** · 15/04/2008, 15h08

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 :

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

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 !

**le_chomeur** · 15/04/2008, 15h12

lol , essaye de t'orienter du dom pour créer tes éléments, ton code n'en sera que plus lisible et maintenable

**Cyollanne** · 15/04/2008, 15h14

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

**madevilts** · 15/04/2008, 15h25

Pense à mettre des quotes pour tes ID (c'est plus propre) et tes values surtout !

**Cyollanne** · 15/04/2008, 15h28

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.

**Cyollanne** · 15/04/2008, 16h13

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

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
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 ...

**le_chomeur** · 15/04/2008, 16h21

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

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
 
<!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>

**Cyollanne** · 15/04/2008, 16h32

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 !

[DOM] Accès formulaire créé dynamiquement

JavaScript

Discussions similaires

Partager

Partager