[Javascript] popup which stays visible until it's moused out of.

Fri Sep 2 21:05:10 CDT 2005

I see tha the ilustration of the script will not work anyway but
I think that the solvation of this problem is on the fact that you will have 
to check if the mouse is leaving from parent to child element, than if 
child, do nothing but if not, hide the mf poup.
You also might need the from element and to element events to handle some 
step of your code, but not sure if these events are IE only. Anyway, 
children and parent elements should be suppoted by other browsers as well. 
Try with if condition and see if mouseout is entering the child element 
instead of leaving your popup container so you can callout or not call the 
hide function if the mouse have enetered the child instead of leaving the 
container.

>From: Keith Bolton <keith.bolton at gmail.com>
>Reply-To: "\[JavaScript List\]" <javascript at LaTech.edu>
>To: Javascript at LaTech.edu
>Subject: [Javascript] popup which stays visible until it's moused out of.
>Date: Fri, 2 Sep 2005 10:31:49 -0700
>
>Hello,
>
>I just joined the list, so I'm not sure if this question has been asked
>before.
>
>I currently have a popup that is a div tag containing nested tags. The 
>popup
>will timeout and disappear after a few seconds. But, what I'd like is to
>have happen instead is for the popup to appear right at the mouse location
>and disappear when you mouseout of the popup.
>
>for example
>
><script>
>
>function Show {
>make popup visible...
>}
>
>function Hide{
>make popup hidden...
>}
>
></script>
>
><html>
><p onmouseover="Show()">some bogus text</p>
>
><div onmouseout="hide()">
><div>Popup Title</div>
><div><a href=#>Bogus Link</a></div>
></div>
>
></html>
>
>The problem is that it will hide the popup when the mouse leaves the first
>div tag and enters the div title tag. I want the popup to disappear only
>after the containing div tag's boundaries have been left, not when moving
>inside the popup onto the <a> tag for example.
>
>I know someone is onto what I'm trying to do.
>
>Thank you,
>
>Keith

>_______________________________________________
>Javascript mailing list
>Javascript at LaTech.edu
>https://lists.LaTech.edu/mailman/listinfo/javascript

_________________________________________________________________
Express yourself instantly with MSN Messenger! Download today it's FREE! 
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/