Discussion :

[kimcharlene]

Bonjour

je travail avec la librairie mootools.
j ai une class UnConteneur qui me permet de créer une fenêtre (un div élaboré on va dire).
J'ai une méthode onFocus qui lorsque on l'appelle modifie la couleur de mon objet :

Code :

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

1
2
3
4
5
6
7
8
 
onFocus:function(){
		if(!this.focus)
			{
			this.focus=true;
			$(this.id).morph('.class_un_conteneur_principal_focus');
			}
	}

lorsque je l'appelle à l extérieur de ma classe sur un objet cela fonctionne parfaitement.

Par Exemple :

Code :

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

1
2
3
4
5
6
// test étant appelé lorsque l on clique sur un lien
//monConteneur étant une instance de la classe UnConteneur 
function test()
	{
	monConteneur.onFocus();
	}

Cependant je voudrais que lorsque l'on clique sur le div celui ci appelle la methode onFocus, j'ai donc fait de la manière suivante mais à fortiori sa ne fonctionne pas :

Code :

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

1
2
3
4
5
 
// cette ligne ce trouve dans le constructeur
//myDivPrincipal est le div qui est bien créé sur lequel je clique pour obtenir le focus
//quand je clique j'obtiens une erreur qui est : this.onFocus is not a function
myDivPrincipal.addEvent('click', function(){this.onFocus()});

Je pense que le this ne referre pas au bon this... mais du coup je voit pas comment procéder...
pouvez vous m'éclaircir.

[Bovino]

Code :

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

myDivPrincipal.addEvent('click', function(event){event.focus()});

[kimcharlene]

non ça ne peut pas être cela car onFocus est une méthode définis dans ma classe que je souhaite lancer

[Bovino]

Code :

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

myDivPrincipal.addEvent('click', function(event){event.onFocus()});

alors...

[kimcharlene]

non plus car onfocus n'est pas une methode de event mais de UnConteneur

[gwyohm]

Code :

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

1
2
3
 
var _cachedFunction = myDivPrincipal.onFocus
myDivPrincipal.addEvent('click', _cachedFunction);

[Bovino]

non plus car onfocus n'est pas une methode de event mais de UnConteneur

Dans les callbacks de gestionnaires d'événements de mootools, l'argument de la fonction anonyme (function(event)) fait référence à l'élément ayant déclenché l'événement.

[gwyohm]

Code :

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

1
2
3
 
var _cachedFunction = myDivPrincipal.onFocus
myDivPrincipal.addEvent('click', _cachedFunction);

ou plutot

Code :

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

1
2
3
 
var _cachedFunction = myDivPrincipal.onFocus.bindAsEventListener(myDivPrincipal)
myDivPrincipal.addEvent('click', _cachedFunction);

ou

Code :

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

1
2
 
myDivPrincipal.addEvent('click', myDivPrincipal.onFocus.bindAsEventListener(myDivPrincipal));

[kimcharlene]

Dans les callbacks de gestionnaires d'événements de mootools, l'argument de la fonction anonyme (function(event)) fait référence à l'élément ayant déclenché l'événement.

Oo ok ça je ne savais pas.
Donc l'élément OU je clique donc l'élément HTML?

je vais regarder les réponse de gwyohm qui m'ont l'air fort interessante...
Tout compte fait je comprend pas ce que tu fait dans ton dernier message...

[gwyohm]

je vais regarder les réponse de gwyohm qui m'ont l'air fort interessante...
Tout compte fait je comprend pas ce que tu fait dans ton dernier message...

Je ne connais pas mootools, (j'utilise prototype mais ces 2 frameworks ont l'air ... "cousins").
Dans prototype, bindAsEventListener (elle semble exister dans mootools) est une méthode ajoutée à l'objet function

Code :

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

Function.prototype.bindAsEventListener = // le code du framework

.

En utilisant cette méthode sur une fonction, elle te renvoie une fonction qui a comme contexte "this" l'objet passé en parametre :

Code :

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

1
2
3
4
5
6
 
function doSomething() {
  alert(this.innerHTML);
}
var foo = $("foo")
foo.addEvent("click", doSomething.bindAsEventListener(foo));

J'espere que ca aide...

[kimcharlene]

Merci je vient de trouver avec tes indices et tes explication

en regardant la doc j'ai trouver la fonction similaire à prototype

du coup j ai transformer en ceci :

Code :

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

1
2
var _cachedFunction = this.onFocus.bindWithEvent(this);
myDivPrincipal.addEvent('click', _cachedFunction);