Gestion d'évènements

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:

---

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:

---

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:

---

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

A mon avis tu as une erreur dans ta syntaxe déja:

Code:

---

1 2 3 4 5

this.inputHeure.observe("focus", function() { defineFocus:function(this.inputHeure) // ici, defineFocus ne représente rien puisque tu es dans le corps d'une fonction } );

---

Par contre, pour t'aider plus que ca, il faut un peu plus de code.

Merci de ta réponse , j'ai finalement trouvé une solution à mon problème :

Code:

---

this.inputHeure.observe("focus",this.defineFocus.bindAsEventListener(this)});

---

Et dans ma fonction définissant le focus :

Code:

---

1 2 3 4

defineFocus:function(e) { this.currentElement = Event.element(e); },

---

this.currentElement prend alors bien compte l'élément cliqué