[POO] methode appelée dans la classe

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:

---

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:

---

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:

---

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.

Code:

---

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

---

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

Code:

---

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

---

alors...

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

Code:

---

1 2 3

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

---

Citation:

---

Envoyé par kimcharlene

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.

Citation:

---

Envoyé par gwyohm

Code:

---

1 2 3

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

---

---

ou plutot

Code:

---

1 2 3

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

---

ou

Code:

---

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

---

Citation:

---

Envoyé par Bovino

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...

Citation:

---

Envoyé par kimcharlene

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:

---

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:

---

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...

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:

---

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

---