Keep Button Clickable Underneath a Div

[ricebandit]

Hi All,

First time poster here.

I'm currently working on implementing the GoogleStreetView API to my project. I got the Javascript side of it working. I also have an overlaying div that animates over the map, but this then creates the problem that the G Maps controls are not clickable.

Obviously I can't do the other hack-ish solutions (such as turning visibility off)... does anybody know of a way to have the overlaying div ignore mouse actions, thereby allowing the bottom div to listen for them instead?

Here is my test link (please excuse the red balloons!):

http://jeremytani.artstooge.com/gmaps/

Thanks in advance!

[denno020]

This might help you?

http://www.quirksmode.org/js/events_order.html
It discusses event ordering for javascript. You might be able to adapt it to your application.

Denno