javascript onclick event over flash object

I found this at http://progproblems.blogspot.com/2009/08/javascript-onclick-for-flash-embeded.html

1. Set the param wmode to transparent. This allows the object containing the flash to receive the javascript onclick.
2. Use onmousedown insted of onclick. In spite of using wmode transparent, some browsers still wont call the onclick, but they do call onmousedown.

The code looks like this:

<div onmousedown="clickBanner(1)"><object><param name="movie" value="3.swf"><param name="wmode" value="transparent" /><embed wmode=transparent allowfullscreen="true" allowscriptaccess="always" src="3.swf"></embed></object></div>

It work for my needs =)

It is best to think of all swf's as having a z-order of infinity. Flash is on top and there is very little which can be done to stop that. On the other hand, if you have access to the code of the SWF itself, or if you can use another swf to load your current swf, you'll be able to use a couple of different Flash commands to address the JavaScript of the page. (ExternalInterface is your best bet).

//This is what your AS code should look like:import flash.external.ExternalInterface;import flash.events.MouseEvent;root.addEventListener( MouseEvent.CLICK, useExternal, true );function useExternal( event:MouseEvent):void{    //swfClickFunction is defined in JavaScript    ExternalInterface.call( "swfClickFunction" );}

Another alternative solution using onmousedown instead of onclick is provided by Darwin below.

The flash almost certainly doesn't propagate the click event to its parent. Nothing you can do unless you wrote the flash, I suppose.