Forum Moderators: open
I developed a drop down menu using javascript. It works perfectly fine.
I have an iframe right below the menu, so that I change the source of the iframe based on the menu item selected. Also the drop down menu drops over the iframe. I hope you can visualise.
When I move the mouse over the main menu item, another menu (a table) drops down and on selecting an item from the drop down menu, the menu disappears and changes the source url of the iframe.
I was testing this code in the latest versions of Firefox and IE. It works fine.
But the problem is in the earlier versions and all other browsers. As the menu drops over the iframe, when I move the mouse over the menu items which are on top of the iframe, it captures it as the mouseover of the menu item and hence the menu disappears
I even tried nullifying the onmouseover event of the iframe, but no use.
I am very much worried about this problem. I worked hard for that functionality but finally this browser compatibility has become a huge problem.
Also in Opera browser. The drop down menu region whichever overflows over the top of iframe are not even visible.
Or is there anyway I can avoid iframe but still maintain the same functionality?
There are many Javascript experts in this forum. Please extend your help on this.
I would highly appreciate your help.
Thanks
Vignesh.
You would have to somehow intercept the bubble effect of the event(s) in order to find the mouseover event(s) you are looking for.
