Discussion :

[Zebulon777]

Salut tout le monde,

alors là, je ne comprends plus rien.
Je créé dynamiquement des INPUTs, mais impossible d'en récupérer les valeurs !

Je suis sur que je passe à côté de quelque chose de tout bête, mais je tourne en rond depuis le début de l'après-midi...

Je vous mets une partie du code :

Création des champs :

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
55
56
57
58
59
60
61
62
 
...
...
...
// CREATION DES CHAMPS
G_NbINPUT = G_NbINPUT + 1;
WId1 = "Input" + G_NbINPUT;
WLigne = "<tr><td width='"+WTaille1+"'>";
WLigne = WLigne + WLib1 + "</td><td align='right' width='"+WTaille2+"'>";
if (WElement1 != "INPUT")
{
	WLigne = WLigne + "Erreur dans le fichier XML sur " + WNomChamp1 + G_CrLf + "INPUT Number obligatoire dans cette section.";
}
else
{
	WLigne = WLigne + "<input type='"+WType1+"' id='" + WId1 + "' size='"+WSize1+"' class='"+WClasse1+"' value='"+WInit1+"' ";
	WLigne = WLigne + "placeholder='"+WId1+"' ";
	if (WType1 == "number")
	{
		WLigne = WLigne + "min='"+WVal_Min1+"' max='"+WVal_Max1+"' ";
		WLimite = "Numbers"; // Indique le type de caractères autorisés dans les INPUTs
		WOnKeyPress = "onkeypress='return inputLimiter(event,WLimite)'"; // Seuls les chiffres sont autorisés
		WLigne = WLigne + WOnKeyPress;
	};
	WLigne = WLigne +" />";
};
WLigne = WLigne + "</td>";
if (WLib2 != "")
{
	G_NbINPUT = G_NbINPUT + 1;
	WId2 = "Input" + G_NbINPUT;
	WLigne = WLigne + "<td width='"+WTaille1+"'>";
	WLigne = WLigne + WLib2 + "</td><td align='center' width='"+WTaille2+"'>";
	if (WElement2 != "INPUT")
	{
		WLigne = WLigne + "Erreur dans le fichier XML sur " + WNomChamp2 + G_CrLf + "INPUT Number obligatoire dans cette section.";
	}
	else
	{
		WLigne = WLigne + "<input type='"+WType2+"' id='" + WId2 + "' size='"+WSize2+"' class='"+WClasse2+" 'value='"+WInit2+"' ";
		WLigne = WLigne + "placeholder='"+WId2+"' ";
		if (WType2 == "number")
		{
			WLigne = WLigne + "min='"+WVal_Min2+"' max='"+WVal_Max2+"' ";
			WLimite = "Numbers"; // Indique le type de caractères autorisés dans les INPUTs
			WOnKeyPress = "onkeypress='return inputLimiter(event,WLimite)'"; // Seuls les chiffres sont autorisés
			WLigne = WLigne + WOnKeyPress;
		};
		WLigne = WLigne + " />";
	};
	WLigne = WLigne + "</td></tr>";
}
else
{
	WTaille = WTaille1 + WTaille2;
	WLigne = WLigne + "<td colspan='2' width='"+WTaille+"'>&nbsp;</td></tr>";
	WLigne = WLigne + "</td></tr>";
};
$('#'+WNomTAB).append($(WLigne));
...
...
...

Contrôle des champs :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
// CONTROLE DES CHAMPS
...
// Controle des autres champs
i = 0
while (i <= G_NbINPUT - 1)
{
	WId = "Input" + (i + 1);
	WVal = window.document.getElementById(WId).value;
// test de validité du champ à insérer ici.
	i = i + 1;
};
...

Où est-ce que je fais une erreur ?

PS : Je ne sais pas si ça a une importance, le HTML commence par un Window_onload() suivit tout de suite du FORM

[sekaijin]

tu appelle quoi créer dynamiquement ??
car là ça n'a pas l'air d'être dynamique

j'ai l'impression que tu confond générer dynamiquement une page côté serveur

et modifier dynamiquement une page côté client.
Ici c'est le forum Javascript et ça se passe côté client

donc deux cas
1) ton problème est un problème est dans javascript comment récupéré des éléments d'une page
et tu est dans le bon forum
mais dans ce cas poste le HTML de ton navigateur et pas le code de ton serveur. le javascript ignore le code serveur et nous ne pouvons pas à coup sur déduire ce source HTML du code serveur.

2) ton problème est de générer correctements un source HTML sur le serveur et tu n'est pas dans le bon forum

A+JYT

[Zebulon777]

Non, non, il n'y a pas de serveur concerné, c'est donc bien uniquement du JAVASCRIPT.

Ce que je veux dire par "dynamiquement", c'est que c'est le code Javascript qui créé les lignes de la tables et INPUTs dans les cellules.
J'attribue le nom de chaque champs "Input" par le code "Inputn" ou n varie de 1 à 94 et je construis la ligne qui permet de créer le champs "<input blablabla...>" ; c'est ensuite le code JQuery "$('#'+WNomTAB).append($(WLigne));" qui permet donc d'afficher la ligne sur la page.

Mais comme je l'ai dit, je n'arrive pas à récupérer les valeurs saisies et je ne trouve pas où ça cloche ?

C'est dans la boucle suivante que je voudrai récupérer toutes les valeurs pour les traiter :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
i = 0
while (i <= G_NbINPUT - 1)
{
   WId = "Input" + (i + 1);
   WVal = window.document.getElementById(WId).value;
			
alert(WId + G_Crf + WVal);			
			
   i = i + 1;
};

[lordmyko]

Hello,

Comme le demande sekaijin, ce serait bien de poster le HTML (après l'insertion des lignes).

Sinon es que l’exécution du script passe bien dans la boucle? (boucle qui me fait un peu mal aux yeux d’ailleurs)

Code :

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

1
2
3
4
5
for(var i=1; i<G_NbINPUT; i++){
   WId = "Input" + i;
   WVal = window.document.getElementById(WId).value;		
   alert(WId + G_Crf + WVal);			
};

La console de ton navigateur affiche une erreur ou pas?

[devyan]

Bonjour,

Si c'est lors du POST de ton formulaire que tu ne récupères pas les valeurs côté serveur c'est tout à fait normal car je n'ai pas vu d'attribut "name" dans ton code de déclaration des tags "input".

[Zebulon777]

Effectivement, je n'ai pas mis de "name", pensant que le "id" suffisait, puisque je fais bien un getElementById et non un getElementByName, me trompe-je ?