Discussion :

[boutmos]

Voila, j'ai un tableau crée par le javascript et dont chaque cellules est un input. Je desire effectuer un control lors de la saisie afin de garantir l'exactitude des informations qui seront insérées.

Donc je crée un ecouteur a la volée juste apres mon appendChild qui appel une fonction qui controle ma saisie.

J'etais plutot content que mon code marche du premier coup sur FF, Safari, Opera mais j'ai vite dechanté avec IE6....

Il me genere l'erreur suivante : 'document.forms.structure.elements[...]' a la valeur Null ou n'est pas un objet.

Avec le alert les navigateurs me retourne : [object HTMLInputElement] mais IE6 me retourne 'undefined'.

Pourtant je crée l'écouteur apres le appendChild, donc théoriquement mon objet est crée.

Qlqchose m'echappe, pourriez vous m'aider svp ? Merci

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
	for (var i = 0 ; i < 10 ; i++) {
		cell = document.createElement("td");
		cellInput = document.createElement("input");
		// Attributs des INPUT
		cellInput.setAttribute("type","text");
		cellInput.setAttribute("name",cellNames[i]+nbClasse);
		cellInput.setAttribute("value","0");
		// Insertion DOM
		cell.appendChild(cellInput);
		// Ajout de l'ecouteur
		row.appendChild(cell);
//		alert(fieldToListen+"\n"+typeof(fieldToListen));
		fieldToListen = cellNames[i]+nbClasse;
		alert(document.forms["structure"].elements[fieldToListen]);
		document.forms["structure"].elements[fieldToListen].onkeypress = traiterTelephone;
	}

[SpaceFrog]

première remarque : se méfier des attribution de name en runtime sous IE ...

Code :

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

document.forms["structure"].elements[fieldToListen].onkeypress =function(){ traiterTelephone();}

[E.Bzz]

Bonjour,

Pourtant je crée l'écouteur apres le appendChild, donc théoriquement mon objet est crée.

l'objet oui, mais tu utilises ici la notion de collection (du form).
Celle-ci ne l'est peut-être pas encore.
As-tu essayé via l'id (en l'ajoutant en plus du name, avec un compteur pour qu'il soit unique) ?
Tu pourras ainsi faire

Code :

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

document.getElementById('id_input'+compteur).onkeypress = traiterTelephone;

et cibler le nouvel objet indépendamment des collections ...

A+

[boutmos]

j'etais entrain de tester la methode suivante :

cellInput.onKeyPress = function(){traiterTelephone}

çà ne me genere pas d'erreur mais la fonction traiterTelephone n'est visiblement pas executée...

Je vais essayer vos methodes. Merci, je vous averti des que possible

[boutmos]

document.forms["structure"].elements[fieldToListen].onkeypress =function(){ traiterTelephone();}


EDIT : çà marche dans la construction . Aucunes erreur des 2 coté mais la fonction n'est pas executée.

[boutmos]

J'espere pas me precipiter dans mes test mais visiblement la methode de Ebzzz fonctionne bien deja sous IE6 et FF.

J'ai donc dans la construction des cellules INPUT rajouté un id : "cell"+fieldToListen et par la methode getElementById(id) j'y ajoute l'ecouteur.

merci beaucoup, je me doutais un peu que c'etait dans la generation de l'objet mais j'avous que la çà a depassé ma petite experience du DOM