Discussion :

[peldaine]

Bonjour,

J'ai un problème dont je ne trouve pas la solution qui doit pourtant etre toute bête.
J'ai un formulaire pour lequel l'utilisateur doit pouvoir ajouter des lignes... Jusque là pas de problème, j'arrive à ajouter mes lignes sans problème.
Sur chaque ligne j'ai 3 input: 1 de type checkbox et 2 de type text.
J'aimerais donner un nom à mes input pour pouvoir faire mon traitement. Et c'est ça que je n'arrive pas à faire.

J"ai essayé avec des setAttribute et aussi comme ça dans mon javascript:

Code :

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

1
2
3
4
5
6
7
8
9
var contenu1 = document.createElement("INPUT");
var contenu2 = document.createElement("INPUT");
var contenu3 = document.createElement("INPUT");
contenu1.type = "checkbox";
contenu1.name = "checkESN";
contenu2.type = "text";
contenu2.name = "ESNmin";
contenu3.type = "text";
contenu3.name = "ESNmax";

Mais ensuite quand je fait

Code :

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

1
2
3
tab = document.getElementsByName("checkESN");
for(i=0; i<tab.length; i++)
	alert(tab[i] + i);

il ne me fait aucun alert...

Est ce que quelqu'un a une idée ou une piste pour m'aider?

[LexWizard]

Je ne sais pas exactement quel est ton traitement, mais je te conseil de donner un ID à chaque Input. Si l'utilisateur peut appeler plusieurs fois la fonction, il faut créer un variable qu'on incrémentera pour donner un ID unique à chaque input :

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
 
var nb = 0;
function add (){
     var contenu1 = document.createElement("INPUT");
     var contenu2 = document.createElement("INPUT");
     var contenu3 = document.createElement("INPUT");
     contenu1.type = "checkbox";
     contenu1.ID= "checkESN_" + nb;
     contenu2.type = "text";
     contenu2.ID = "ESNmin_" + nb;
     contenu3.type = "text";
     contenu3.ID= "ESNmax_" + nb;
     nb ++;
     //[..]
}

quand l'utilisateur va lancer la fonction add il ajoutera les input qui auront comme id:
checkESN_0 / ESNmin_0 / ESNmax_0, puis
checkESN_1 / ESNmin_1 / ESNmax_1, ...

J'espere que ça répond à ta question

[peldaine]

Heu merci de cette reponse mais c'est pas vraiment ce que je cherche.
J'ai besoin de recuperer tous les inputs qui ont le meme nom pour mon traitement.
J'pensais à un className sinon mais je sais pas m'en servir et je manque un peu de temps. je vais me pencher dessus en attendant une reponse.

[LexWizard]

En fait, la code que tu as marche sous FF.
C'est un problème avec IE. Microsoft dit de crée l'élement ainsi :

Code :

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

var contenu1 = document.createElement("<INPUT TYPE='checkbox' NAME='checkESN'>");

plutot que comme ça :

Code :

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

1
2
3
var contenu1 = document.createElement("INPUT");
contenu1.type = "checkbox";
contenu1.name = "checkESN";

Biensur c'est moche d'écrire de l'HTML dans un createElement.
Ni FF, (ni à mon avis les autres naviguateurs) ne fonctionne comme IE. Et donc ce code ne marche que pour IE.
C'est pour ça que je t'orientais vers l'utilisation des ID. Sinon tu devra tester le navigateur utilisé pour créer tes elements.

[peldaine]

Ah oki.
Bon ben je vais voir comment je vais faire mais c'est pour un intranet donc je pense que mes utilisateurs utiliseront tous IE. Et sinon je ferais un test pour voir si c'est IE ou non qui est utilisé.
Un grand merci pour ta reponse.

[LexWizard]

Sinon je t'invite fortement à utiliser les ID. c'est pas plus compliqué, tu peux faire comme ça pour récuperer tout tes 'checkESN' :
Tu utilise la variable nb, et le code que je t'ai donné précédement avec ça :

Code :

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

1
2
3
4
5
6
7
function recup ()
{
     for(i=0; i<nb; i++)
     {
          document.getElementById("checkESN_" + i).checked;
     }
}

Ainsi tu récuperes l'état de checkESN_0, checkESN_1, checkESN_2,...Et dans la même boucle tu peux récuperer les texts de tes autres input.
Et biensur c'est compatible avec tous les navigateurs

Bonne continutation

[peldaine]

Oui bien sur, je n'avais pas du tout pensé à ca. Comme quoi, la solution etait vraiment tout bête.
Encore merci.

[algaute]

Crée d'abord l'attribut ID avant l'attribut NAME et ça passera