Discussion :

[dedeloux]

Bonjour à tous,

J'ai un formulaire dans lequel je créé des champs à partir de données récupérées depuis une base de données.

J'utilise ce code :

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
function setCustomAttributesFields (response){
 
	var table = document.getElementById('customFields');
	var customFields = response.getElementsByTagName("custom_field");
	for (i=0;i<customFields.length;i++){
		var tr=document.createElement('TR');
		var customField= document.createElement('input');
		customField.type='text';
		customField.id=customFields[i].getAttribute('id');
		var childs = customFields[i].childNodes;
		for (j=0;j<childs.length;j++){ 
			var lang = childs[j].getAttribute('lang');
			if(lang == 'en'){
				customField.name='attribut_'+childs[j].getAttribute('label');
 
				var label = document.createTextNode(childs[j].getAttribute('label'));
				var tdlabel=document.createElement('TD');
				tdlabel.appendChild(label);
				var tdfield = document.createElement('TD');
				tdfield.appendChild(customField);	
				tr.appendChild(tdlabel);
				tr.appendChild(tdfield);		
			}			
		}
		table.appendChild(tr);
 
	}
 
}

Jusqu'ici pas de problème, mes champs s'affichent correctemetn à l'endroit voulu (c'est à dire dans mon tableau qui a pour ID 'customFields'.

Bon maintenant, je voudrais récupérer les valeurs de ces champs en java. Le seul problème c'est que pour je n'arrive rien à récupérer parce que les champs 'n'existent pas' dans la page ... C'est comme si je n'avais rien écrit.
Quand j'édite la source de la page, je n'ai ni TR ni TD, ni champ dans mon tableau customFields ... Alors que pourtant, je les voient bien les cases dans mon formulaire

Quelqu'un a t-il une solution à tour de magie ?

Merci par avance pour votre réponse.
Audrey

[SpaceFrog]

Il faut appender dasn le tbody du table...
mê si tu n'en a pas dasn ton code, il est implicite:

Code :

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

table.tbody.appendChild(tr);

Code :

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

table.getElementsByTagName('tbody')[0].appendChild(tr);

[dedeloux]

Merci de ta réponse SpaceFrog

Malheureusement, elle ne résous pas mon problème puisque j'obtiens maintenant une erreur javascript

Code :

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

table.tbody has no properties

Tu aurais une autre idée ?

[dedeloux]

Est ce que c'est mieux d'utiliser la fonction document.write() pour créer mes champs ?
Si oui, est ce que quelqu'un aurait un exemple ?

Merci par avance.
Audrey

[SpaceFrog]

document.write ?
he comment dire ... ??

Code :

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

var table = document.getElementById('customFields');

on peut voir le html ???

c'est bien une balise table ?

[dedeloux]

OK donc j'abandonne l'idée du document. write

Voici le code HTML de ma page (je mets juste la partie qui concerne le tableau customFields, sinon c'est trop grand !)

Code :

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

1
2
3
4
5
6
          <tr>
          	<td colspan="2">
          		<table id="customFields" cellpadding="0" cellspacing="0" border="0">
          		</table>
          	</td>
          </tr>

[SpaceFrog]

tu n'as pas du essayer la seconde syntaxe ...

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
<script type='text/javascript'>
function setCustomAttributesFields (response){
 
	var table = document.getElementById('customFields');
 
	var customFields = new Array('coucou1','coucou2');
 
	for (i=0;i<customFields.length;i++){
		var tr=document.createElement('tr');
 
		var customField= document.createElement('input');
		customField.type='text';
 
		var label = document.createTextNode(customFields[i]);
		var tdlabel=document.createElement('td');
 
		tdlabel.appendChild(customField);
		tdlabel.appendChild(label);
		tr.appendChild(tdlabel);
		table.getElementsByTagName('tbody')[0].appendChild(tr);
       }
	}
 
 
</script>
</head>
 
<body>
<table>
    <tr>
          	<td colspan="2">
          		<table id="customFields" cellpadding="0" cellspacing="0" border="0">
          		</table>
          	</td>
          </tr>
</table>
<input type='button' onclick="setCustomAttributesFields('coucou')" value='go' />
</body>
 
</html>

en ayant un peur simplifié ton code ..
ce test fonctionne

[dedeloux]

J'avais essayé aussi hier et j'obtenais la même erreur que celle que je t'avais écrite.
Pour être sure, j'ai réessayé aujourd'hui et j'obtiens toujours la même erreur :

Code :

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

table.getElementsByTagName("tbody")[0] has no properties

Voilà le code que j'ai utilisé :
function setCustomAttributesFields (response){

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
	var table = document.getElementById('customFields');
	var customFields = response.getElementsByTagName("custom_field");
	for (i=0;i<customFields.length;i++){
		var tr=document.createElement('TR');
		var customField= document.createElement('input');
		customField.type='text';
		customField.id=customFields[i].getAttribute('id');
		var childs = customFields[i].childNodes;
		for (j=0;j<childs.length;j++){ 
			var lang = childs[j].getAttribute('lang');
			if(lang == 'en'){
				customField.name='attribut_'+childs[j].getAttribute('label');
				var label = document.createTextNode(childs[j].getAttribute('label'));
				var tdlabel=document.createElement('TD');
				tdlabel.appendChild(label);
				var tdfield = document.createElement('TD');
				tdfield.appendChild(customField);	
				tr.appendChild(tdlabel);
				tr.appendChild(tdfield);		
			}			
		}
		table.getElementsByTagName('tbody')[0].appendChild(tr);
 
	}
}

Je n'ai rien changé au HTML ...
Tu as une idée de pourquoi ça ne marche pas chez moi ?

Merci de m'aider en tout cas

[dedeloux]

S'il vous plaît, est ce que quelqu'un a déjà rencontré mon problème et y aurait trouvé une solution ?

[SpaceFrog]

Ben as tu essayé le code que je t'ai envoyé tel quel ???

Chez moi pas de souci ... ???
peut être le problème vient il plus de ton response et de la façon dont tu essayes de le décortiquer ???

Code :

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

1
2
3
4
 
var childs = customFields[i].childNodes;
		for (j=0;j<childs.length;j++){ 
			var lang = childs[j].getAttribute('lang');