[mootools] zatrzymanie opóźnionego zdarzenia Opcje

[cichy380]

proszę o pomoc przy poniższym kodzie,

powoduje on wyświetlenie komunikatu (przykładowa akcja) po najechaniu na element (zdarzenie),
akcja wykonuje się z opóźnieniem 2sek

[JAVASCRIPT] pobierz, plaintext 
  var fAkcja = function(){
    alert('wyświetlam komunikat!');
  }
 
  $('idDivElement').addEvent('mouseenter', function(){  // akcja wywoływana po najechaniu kursorem na element o ID "idDivElement"
    fAkcja.delay(2000);
  })
[JAVASCRIPT] pobierz, plaintext 

kod działa, ale... chciałbym aby akcją się nie wywoływała w przypadku gdy kursor opuści element przed upływem 2sek,
czyli chodzi o zatrzymanie / przerwanie akcji w momencie opuszczenia elementu przez kursor.

[skowron-line]

addEvents + mouseenter, mouseleave + cancel

[cichy380]

addEvents + mouseenter, mouseleave + cancel

nie działa

zwraca: fAkcja.cancel is not a function


zrobiłem tak:

[JAVASCRIPT] pobierz, plaintext 
  var fAkcja = function(){
    alert('wyświetlam komunikat!');
  }
 
  $('idDivElement').addEvent('mouseenter', function(){ // akcja wywoływana po najechaniu kursorem na element o ID "idDivElement"
    fAkcja.delay(2000);
  })
 
  $('idDivElement').addEvent('mouseleave', function(){ // akcja wywoływana po zdjęciu kursora z elementu o ID "idDivElement"
    fAkcja.cancel();
  })
[JAVASCRIPT] pobierz, plaintext 

[thek]

A nie powinno być po prostu:

[JAVASCRIPT] pobierz, plaintext 
$('idDivElement').addEvent( 'mouseleave', $clear(fAkcja) );
[JAVASCRIPT] pobierz, plaintext 

?
Nie używam i nigdy nie używałem MooTools. Użyłem google i dokumentacji (IMG:style_emoticons/default/winksmiley.jpg)
http://docs111.mootools.net/#$clear

[cichy380]

A nie powinno być po prostu:

[JAVASCRIPT] pobierz, plaintext 
$('idDivElement').addEvent( 'mouseleave', $clear(fAkcja) );
[JAVASCRIPT] pobierz, plaintext 

?

nie zadziałało,


ale chyba sobie poradziłem,
zrobiłem:

[JAVASCRIPT] pobierz, plaintext 
  var timer;
 
  var fAkcja = function(){
    alert('wyświetlam komunikat!');
  }
 
  $('idDivElement').addEvent('mouseenter', function(){ // akcja wywoływana po najechaniu kursorem na element o ID "idDivElement"
    $clear(timer)
    timer = fAkcja.delay(2000);
  })
[JAVASCRIPT] pobierz, plaintext 

[thek]

Swoją drogą patrząc na same docs to widzę, że można by to skrócić do

[JAVASCRIPT] pobierz, plaintext 
var fAkcja = function(){ alert('wyświetlam komunikat!') }.delay(2000);
$('idDivElement').addEvent('mouseenter', fAkcja);
$('idDivElement').addEvent('mouseleave', $clear(fAkcja) );
[JAVASCRIPT] pobierz, plaintext 

Od razu mówię... Z MooTools to mój pierwszy w życiu skrypt i to napisany tylko na podstawie dokumentacji, bez uruchomienia i przetestowania gdziekolwiek (IMG:style_emoticons/default/biggrin.gif)

EDIT:

Twój nie działa gdy wyjdziesz i poczekasz, bo brak mouseleave zdefiniowanego. Weź to co poniżej. Właśnie sobie skrypt przetestowałem...

[JAVASCRIPT] pobierz, plaintext 
var timer;
var fAkcja = function(){ alert('wyświetlam komunikat!') };
$('idDivElement').addEvent('mouseenter', function() { timer = fAkcja.delay(2000) });
$('idDivElement').addEvent('mouseleave', function() { $clear(timer) } );
[JAVASCRIPT] pobierz, plaintext 

Powód edycji: [thek]: Poprawiony, na bank działający