problem ModalPanel with onmouseout

mores Mar 13, 2008 10:33 AM

When a user hovers over an image I would like the ModalPanel to show, when the user moves off the image I would like to ModalPanel to disappear.

I tried:

 <h:graphicImage value="/picts/close.png" onmouseover="Richfaces.showModalPanel('mp',{width:450, top:200})" onmouseout="Richfaces.hideModalPanel('mp')" />

but that only causes the screen to flicker.

Is this a bug, or is there a better way to code this ?

1. Re: problem ModalPanel with onmouseout

nbelaevski Mar 14, 2008 9:45 PM (in response to mores)

I guess that happens because image gets mouse out event because it is overlapped by modal panel. If that's the cause of the issue, then you can try to use document mousemove listener and test whether you're hovering the image using Position.within prototype.js function: http://www.prototypejs.org/api/position#method-within as a possible solution
Actions