Hi Kupido,

When writting:
Event.observe(element, 'mouseenter', mouseEnter.bindAsEventListener

When writting "bindAsEventListener", it means that your binded
function will have its scope set to element.
So your called fiunction should be:
function mouseEnter(event)
        this.setStyle('color:blue'); //just an exemple of a call to an
element method.


In your writting, there is an element argument. If you use it, I'm not
sure it works.

Btw, if you can post your whole code, it could help us.


On 30 oct, 10:51, Kupido <kup...@hotmail.com> wrote:
> Hi all,
> I have a page with some boxes placed side by side. When the user moves
> over one of them a tooltip appears, then it should disappear when the
> user moves out or moves over another box.
> I use the mouseenter and mouseleave events to do this but sometimes,
> when the user moves quickly on the boxes, some tooltips don't hide. I
> can see even more than one tooltip at the same time and they won't
> disappear until the boxes are hovered again. It's like the mouseleave
> event is not triggered, but if I put an alert in it I see it gets
> triggered.
> The code is the following:
> $('boxes').select('.box').each(
>         function (element)
>         {
>                 Event.observe(element, 'mouseenter', 
> mouseEnter.bindAsEventListener
> (element));
>                 Event.observe(element, 'mouseleave', 
> mouseLeave.bindAsEventListener
> (element));
>         }
> );
> function mouseEnter(event, element)
> {
>         ...
> }
> function mouseLeave(event, element)
> {
>         ...
> }
> What am I doing wrong? Any help would be appreciated, thanks in
> advance.
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to