How do I disable an swf object using javascript? e.g swfObject.disabled = true;

Question

I want to basically do something like this

<div id="mySwfParent">
   <swfObject></swfObject>
</div>

Then later on some event I do this

document.getElementById('mySwfParent').disabled = true;

But this has no effect on the swfObject, it still responds to mouse events.

How do I disable an swf object using javascript or prevent it from responding to mouse events?

Answer 1

I would recommend placing a transparent div over the entire area of the swf, effectively blocking the swf from mouse interaction. Be aware that you'll need to play around with the wmode parameter of the swf. Try setting it to both opaque and transparent.