I can't figure out how to fire a javascript event when rolling over a flash element even though it's on wmode:transparent.

I have tried to put a transparent sensor div over the flash element with the onMouseover event and it worked but the flash became useless and totally unclickable.

Appreciate Any ideas.

Thanks

I can't figure out how to fire a javascript event when rolling over a flash element even though it's on wmode:transparent.

I have tried to put a transparent sensor div over the flash element with the onMouseover event and it worked but the flash became useless and totally unclickable.

Appreciate Any ideas.

Thanks

• javascript
• flash
• onmouseover

Share Improve this question Follow asked Jan 7, 2011 at 22:21 CodeOverloadCodeOverload 48.6k5656 gold badges133133 silver badges223223 bronze badges 3

• just from the top of my mind: put your movie in a div. Use jQuery to calculate where this div is positioned and track the mouse-position. Then you can figure out if the cursor is over the movie. links: docs.jquery./Tutorials:Mouse_Position and api.jquery./position – stian Commented Jan 7, 2011 at 22:26
• Thanks, but it's not really clean, and it requires jQuery which is not reliable for pure javascript widgets. – CodeOverload Commented Jan 7, 2011 at 22:31
• Your SWF bees unclickable because you have the div z-indexed above the SWF. That's how z-index is intended to work. – user1385191 Commented Jan 8, 2011 at 7:38

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

This is much simpler than ExternalInterface if you're looking for just simple mouse detection on an entire SWF.

Just target the <object> or <embed> tag that's embedding the SWF via Javascript.

document.getElementById("content-banner").onmouseover = over;

function over(evt)
{
 alert("moused over");  
}

http://jsfiddle/p7YkA/

Use the ExternalInterface and call a JavaScript method dispatching the event from Flash.