Discussion :

[typikal]

Bonjour,
j'ai fais une fonction javascript qui rajoute un element input dans ma page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function CreatInputOrdon(chName, chId, chValue)
 {
 	var idForm = document.getElementById('div123');
 
 	var input = document.createElement("input");
 	input.name  = chName;
 	input.type  = "hidden";
 	input.id    = chId;
 	input.value = chValue;
 
 	idForm.appendChild(input);
 
 }

elle rajoute l'élément input mais l'élément créé n'a pas de "name"
le code suivant est créé :

Code :

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

<INPUT id=cd0 type=hidden value=0>

Avez vous déjà rencontré ce type de pb?
Pouvez vous me dire s'il y a une anomalie que je ne vois pas dans la fonction?

merci d'avance

[SpaceFrog]

je crois me souvenir que c'est un des seul cas ou setAttribute soit de rigueur

Code :

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

input.setAttribute("name","chName");

[typikal]

j'ai essayé avec :

Code :

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

input.setAttribute("name","chName");

malheureusement le pb est le même

suite à un problème avec ma connexion ma discussion a été validé 2 fois j'ai pas réussi à le supprimer, désolé pour ça

[le_chomeur]

essaye en mettant NAME en majuscule

Code :

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

1
2
 
input.setAttribute("NAME","chName");

testé sous ie7 et firefox

[typikal]

la classe
ça marche avec NAME en majuscule
fallait le savoir cette histoire de majuscule

j'ai essayé avec le code suivant :

Code :

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

input.NAME  = "TEST";

ça marche aussi

j'aurai jamais pensé au majuscule dans un cas comme celui là
j'avais pas encore vu ça

en tout cas merci les gars

[SpaceFrog]

arf je me rappelait qu'il y avait un truc vicieux ...
le_chom

[typikal]

bonjour,
j'ai réussi à avoir le "name" dans les input de type hidden créée dynamiquement avec :

Code :

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

input.setAttribute("NAME","TEST");

ou alors

Code :

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

input.NAME  = "TEST";

malgré le fait qu'il y a le "name" dans les elements input créés, je n'arrive pas à atteindre l'objet avec :

Code :

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

alert(document.getElementsByName('TEST')[0].value);

javascript me renvoie un message d'erreur disant que l'objet n'exsiste pas

quand j'envoi le formulaire impossible de récupérer les éléments input créé dynamiquement

Avez vous une solution pour ce type de problème?

j'ai été obligé d'utiliser :

Code :

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

1
2
var idForm = document.getElementById('div123');
idForm.insertAdjacentHTML("afterBegin", "<input type='hidden' name='"+chName+"' id='"+chId+"' value='"+chValue+"'>");

avec le code ci dessus il y a aucun problème.

[SpaceFrog]

Lui ayant donné un id ...

Code :

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

alert(document.getElementsById('chId').value);

a priori cela fonctionne

[typikal]

Lui ayant donné un id ...

Code :

alert(document.getElementsById('chId').value);

a priori cela fonctionne

je suis d'accord ça marche, je peux accèder de cette manière aussi à l'objet
mais le gros problème c'est surtout lors de l'envoi du formulaire les élements input rajouté avec javascript(methode DOM) sont null....

c'est assez bizzard puisque l'element input à bien été rajouté

[SpaceFrog]

même avec NAME en majuscule ? je croyais que cela solutionnait le problème ???

[le_chomeur]

Question bète , mais lorsque que tu fais :

Code :

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

input.setAttribute("NAME","TEST");

tu changes "TEST" à chaque fois ??
car sinon tu dois utiliser un tableau donc au lieu de "TEST", "TEST[]" ...
Tu récupères de quel façon les informations postées ?

[SpaceFrog]

Bon ben je vais mettre tout le monde d'accord ...
En plus j'ai honte parceque j'ai déja croisé ce problème et déja résolu ...
Mais bon vous verrez quand on vieillit on perd la mémoire ...

voici la solution:

Code :

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

var plop =document.createElement("<input name='chName' />");

Et la il reconnait direct le name dans la page

Code :

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

alert(document.getElementsByName('chName')[0].value)

et il passe le champs lors du submit ...
ça reste de l'ajout DOM et c'est crossbrowser

[le_chomeur]

lol . . .
Donc au final tu nous confirme que :

Code :

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

1
2
3
4
 
...
input.setAttribute("NAME","TEST");
...

ne permet pas de récupèrer les informations posté ?

[typikal]

Question bète , mais lorsque que tu fais :

Code :

Code :

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

input.setAttribute("NAME","TEST");

tu changes "TEST" à chaque fois ??
car sinon tu dois utiliser un tableau donc au lieu de "TEST", "TEST[]" ...
Tu récupères de quel façon les informations postées ?

non "TEST" ne change pas je récupère "TEST" avec java dans un tableau (String [])

je vais de suite tester la solution de SpaceFrog

[SpaceFrog]

Extrait de MSDN

The NAME attribute cannot be set at run time on elements dynamically created with the createElement method. To create an element with a name attribute, include the attribute and value when using the createElement method.

[typikal]

efficace la solution
ça marche nikel....

merci

ah la bonne librairie MSDN....je l'avais un peu oublié

[SpaceFrog]

J'ai collé un truc dans les contributions.
Merci à vous d'avoir fait progressé la science ^^