|
Hi all, first time poster here. I've run into an annoying little problem with an event registration system I've been working on for the past couple days. How I have it set up is a calendar is generated on the page, and days that events are scheduled on are shaded. Clicking anywhere inside the day box will pop up a div near the mouse pointer, with a list of times and events scheduled for that day. Clicking one of the events will populate an input box with the related info.
All of the above is working properly, my problem is that I am trying to find a graceful way to handle closing the day pop ups. The ideal behavior would be to have the div disappear when the mouse exits the div box. My problem is that when I mouseover any of the links inside of the div, because of event bubbling and the fact that I am technically leaving the div and entering a different element, the div will close.
The only thing that has worked so far is using the onmouseleave method, which (obviously) provides the behavior I'm looking for in IE, but does not work in Firefox.
I've done some reading on event bubbling (which was new to me until this problem), but have been unable to implement anything to prevent it.
My question to the community then is, is there some easy way to prevent this event bubling I am experiencing, or is there perhaps an entirely different concept I may have overlooked that would provide the behavior I desire?
I apologize for the long post, trying to be descriptive as possible, hope someone can help!!
|
I gave it a shot, but did not have any luck, perhaps I was unsure how to implement it how you suggested. I tried a few things, the one that I thought would work was adding something like:
