Discussion :

[grunk]

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

[DoubleU]

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

Code :

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

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.

[grunk]

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

Code :

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

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

Et dans ma fonction définissant le focus :

Code :

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

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

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