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

[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