Elink Media

Modal window over flash objects

I’ve been working on a WordPress site for a client. All pretty straight forward stuff. Only special requirement from the client is to have a categorised file repository as a WordPress page, which allows users to download files. One of the categories needs to be protected. So users click on a file download link and see a modal window with a form. Fill in the details, download the file.

The issue surfaced when we replaced the site banner with a flash (this is of course IE specific …). The popup modal window slides behind the flash object. This turned out to be a common issue and the fix is simple.

<object classid="clsid:D27CDB6E...." width="1151" height="209" ... >
    .... you other flash params stuff ...
    <param name="wmode" value="transparent">
</object>

The “wmode” transparent is the key!

I’m using SimpleModal, a jQuery plugin modal library.

Reference

• http://www.ericmmartin.com/projects/simplemodal/

No related posts.