How to display javascript on top of flash

Ever had that experience where your javascript is shown behind your flash file? Take a look at this example problem:

Having this problem is such an annoyance for webdesigners since this greatly affects the overall design of the site. So I did a search how to solve this problem. Here is what you need to add on your html embed code.

<param name=”wmode” value=”transparent”>

and

<embed wmode=”transparent” src=”flash.swf”>

Update: October 31,2007 

if you are using, AC_FL_RunContent, add this

<script type=”text/javascript”>
AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0′,’width’,’1000′,’height’,’650′,’src’,'catalogue’,'quality’,'high’,'pluginspage’,'http://www.macromedia.com/go/getflashplayer’,'movie’,'catalogue’,‘wmode’,'transparent’ ); //end AC code
</script>

After you’ve updated the file, it should look like this:

This fix works on both IE and Firefox, not sure if it’ll work with other browsers though. Hope this helps. Let me know if you have problems. Thanks.

Check my other posts:

1. What’s the drama with Wilyonaryo all about?
   This controversy has been spread like wildfire all over the...
2. Is Ukay Ukay a scam?
   I have heard that the “ukay-ukay” stores all over the...
3. Where were you 22 years ago?
   I was too young to remember all the events that...
4. 111 years of freedom celebrated all over the world
   Today is the 111th year of Philippine Independence from the...
5. Games UpLate Live Scam? Or Another Technical Glitch?
   Now here is another ‘scandal’, ‘scam’, ‘controversy’, ‘issue’ or ‘whatever...
6. Change .php to .html using .htaccess or httpd.conf
   It is common that when a site already has so...
7. The Killing Peso Dollar Exchange Rate
   Alright, I admit that the Philippine Peso is doing really...
8. Using Smarty – Template Engine
   Many of the new development projects I am working on...
9. The Amazing Race Asia 3 Official Winners
   Update: I hate to say I told you so, Sam...
10. Zaidolastik: Which is better Zaido or Lastikman?
    Who is Lastikman? Lastikman is a fictional character and superhero...

Alfredo is a web designer, programmer and a search engine marketer from the Philippines. He is also an amateur photographer and loves to travel. He can be found on Twitter, LinkedIn and Facebook. Questions? Send him an email.