Discussion :

[illeriane]

Bonjour,

J'expose le contexte:
Je crée un formulaire qui doit s'adapter au fur et a mesure qu'il est remplis. A savoir, il possède 2 input text au départ (nommés qtt0 et reduc0), dés que l'un de ces éléments perd le focus, une fonction javascript est déclenchée et vérifie qu'ils sont remplis, si c'est le cas, elle ajoute 1 ligne au tableau et dans cette ligne place deux nouveaux champs (només qtt1 et reduc1).

L'idée c'est que ces champs se comportent de la même façon que les premiers et soient capable de créer deux nouveaux champs ... et ainsi de suite.

La fonction est déclenché sur le onblur et possède un paramètre (le numéro de la ligne).

Arborescence (pour mieux comprendre)
form
--table
----thead.../thead
----tbody
------tr
--------td
----------input
--------/td
--------td
----------input
--------/td
------/tr
------tr
--------td
----------input
--------/td
--------td
----------input
--------/td
------/tr
------...
----/tbody
--/table
/form

Mon problème est le suivant:
Je ne parviens pas a attribuer onblur dans les nouveaux inputs. le processus s'arrête donc dés que l'utilisateur a entré les premiers.

(Il semblerais que le problème soit l'argument de la fonction.)
J'ai essayé deux techniques et aucune des deux n'a fonctionné. La première d'entre elles etait de rentrer un text correspondant au nom de ma fonction avec le paramètre

Code :

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

1
2
3
4
5
6
7
8
 
function maFonction(num)
{
	[...]
	var input1 		= document.createElement('input');
	input1.onblur	= 'maFonction('+(num+1)+');';
	[...]
}

la seconde a été de créer une fonction dynamique:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function maFonction(num)
{
	[...]
	var input1 		= document.createElement('input');
	input1.onblur	= function()
				{
					maFonction(num+1);
				};
	[...]
}

Voila, si vous avez une idée.
Je précise tout de même que les autres éléments (name, id, etc) sont affectés par la même méthode (input1.name=...) et qu'ils sont effectivement affectés dans ma page.

Merci d'avance pour votre aide.

[E.Bzz]

Bonjour,
enlève le paramètre de maFonction() et remplace le par une variable globale.
Tu pourras faire

Code :

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

input1.onblur = maFonction;

A+

[illeriane]

Bonjour,

En fait, le paramètre permet de savoir quel champ envoie l'évènement. Si il s'agit de la dernière ligne, l'avant dernière ou la première etc. Une variable globale m'indiquera toujours la même valeur quel que soit l'initiateur de l'évènement...

Je vais regarder d'ailleur s'il y a moyen de récupérer le père d'un évènement en js. (le numéro du champ étant contenu dans l'id de l'input, je pourrais alors récupérer l'emplacement exact par rapport au nombre total d'éléments ... )

[SpaceFrog]

Code :

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

1
2
3
4
input1.onblur	= function(num)
				{
					maFonction(num+1);
				};

[illeriane]

Je viens d'essayer en passant en paramètre la variable (comme l'indique space frog) mais le onblur n'apparait toujours pas dans les inputs ...

Il n'y a pas moyen de récupéré le dernier évènement levé?

Pas si tu l'incrémentes à chaque création d'input

il me semble que si j'incrémente a chaque fois, si j'ai 4 champs, ma variable globale sera a 4, j'en rajoute un via ma fonction, elle passera a 5, si mon évènement proviens du 1er input, j'aurais 5 ... non 1 (puisqu'elle est incrémentée pour la page courante pas juste pour le input).

[E.Bzz]

il me semble que si j'incrémente a chaque fois, si j'ai 4 champs, ma variable globale sera a 4, j'en rajoute un via ma fonction, elle passera a 5, si mon évènement proviens du 1er input, j'aurais 5 ... non 1 (puisqu'elle est incrémentée pour la page courante pas juste pour le input).

Tout dépend à quoi te sert ce num au final.
Je croyais que c'était le nombre de champs déjà présents ...

Et puis ça revient au même il me semble : il faut bien que tu le définisses avant de le passer en paramètre ....
Alors paramètre ou variable globale, le résultat est le même.

A+

[E.Bzz]

Une variable globale m'indiquera toujours la même valeur quel que soit l'initiateur de l'évènement...

Pas si tu l'incrémentes à chaque création d'input ...

Mais la version de SpaceFrog est plus propre

A+