Bonjour à tous,

je réalise un petit script qui me permet d'émuler un "numeric stepper" (une boite avec +/- qui permet d'augmenter la valeur qu elle contient), controle classique mais inexistant en html.
Mais je but sur la gestion des événements au niveau des inputs :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
this.inputHeure = document.createElement('div');
this.divTime.appendChild('this.inputHeure');
Ceci me permet de créer une des "case" de mon stepper

j'ai ensuite une méthode me permettant de définir le focus sur une des cases du stepper (heure,minute ou seconde) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
defineFocus:function(el)
{
   this.currentElement = el;
   this.currentElement.select();
},
Je dois donc attacher un événement a chacun de mes 3 input pour que lorsqu'elle récupère le focus, leur contenu soit séléctionné et que this.curentElement "pointent" sur le bon élément pour l'incrémentation de son contenu.

Le soucis étant que je ne peut pas faire :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
this.inputHeure.observe("focus",function(){defineFocus:function(this.inputHeure)});
Car il ne retrouve pas la fonction "defineFocus" (sans doute à cause du function(){}.

Comment puis je à la déclaration de mon événement passer à la fonction defineFocus l'élément concerné ?

Merci