10.06.06

My drop down menus are behind my Flash

Posted in Flash, iFrames at 5:07 am by Curtis J. Morley

Have you loaded up a Flash file and now your drop down menus are all a mess because they go behind your Flash instead of on top? Did you try changing the zIndex of your iFrame or try to put iFrames behind the menu to push it to the top? Does your drop down menu look like this?
wmodeBehind
But you wish it would look like this.
No wmode = transparent property
Well forget all the iFrame business and and feel relieved because all that is neccessary is to simply include the wmode parameter in your HTML. All you need is a little love and a simple tag and you should be fine.

To get started you should be using either swfObject or the Adobe AC_RunActiveContent.js to embed your Flash. I highly suggest the swfObject Flash Detection scripts because of how complete it is. swfObject combines Active content activation, Flash detection, Flash Express Install, and is search engine friendly.

Below you will find the wmode code for each method so that you can have menu systems like everyone else on the web.

Code - swfObject - var so = new SWFObject("myFlashMovie.swf", "mymovie", "200", "100%", "7", "#336699");

so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");

Code - AC_RunActiveContent.js- AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','550','height','400','align','middle','src','myFlashMovie','quality','high','name','myFlashMovie','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','myFlashMovie','wmode','transparent');

Make sure that you have an even number of parameters with the example above or it will break it.Other links about the issue:

Stephanie Sullivan article on Community MX

Interakt Online Article
http://menumachine.com/kb/65
http://www.actionscript.org/forums/archive/index.php3/t-101350.html