Had the same problem and I fixed the Layer issues with DHTML and FLASH plus as an extra precaution added an ieupdate.js script for the IE7 issues... Since you were working with Firefox or Opera Browser (Mozilla).....
Here are the fixes I made.....
1. DHTML Dropdowns getting pushed behind flash.. (FIXED)
2. 'CLICK TO ACTIVATE' a flash component (FIXED)
How:
(FIX FOR)1. In the SWF files (FLASH) I did edited or added the following (>>)
(BEFORE CODE):
<object
classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,22,0"
id="_3D_animated_vector_globe"
width="261" height="188"
>
<param name="movie" value="flash/3D_animated_vector_globe.swf">
<param name="bgcolor" value="#ffffff">
<param name="quality" value="High">
<param name="allowscriptaccess" value="samedomain">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="_3D_animated_vector_globe"
width="261" height="188"
src="flash/3D_animated_vector_globe.swf"
bgcolor="#ffffff"
quality="High"
allowscriptaccess="samedomain"
>
<noembed>
</noembed>
</embed>
</object>
(AFTER CODE): (CHANGES ARE IN BOLD)
<object
classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,22,0"
id="_3D_animated_vector_globe"
width="261" height="188"
>
<param name="movie" value="flash/3D_animated_vector_globe.swf">
<param name="bgcolor" value="#ffffff">
<param name="quality" value="High">
<param name="allowscriptaccess" value="samedomain">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="_3D_animated_vector_globe"
width="261" height="188"
src="flash/3D_animated_vector_globe.swf"
bgcolor="#ffffff"
quality="High"
allowscriptaccess="samedomain" menu="false" wmode="transparent"
>
<noembed>
</noembed>
</embed>
</object>
NOTE:
Firefox or Mozilla Browsers are very picky with swf of fla files and no matter what the order you have your flash files... if you try to run dhtml and flash near each other you are always going to get a bad layering effect.....
_______________________________________________________________
(FIX FOR)2. Now the lovely legal issues of Microsoft and Adobe (the battle continues....lol)
There are many javascript solutions to the infamous 'CLICK HERE TO ACTIVATE' annoyance that ONLY OCCURS in IE6e and IE7 and probably all the later versions.....
I noted all the different fixes out there.. and 'KEEPING IT SIMPLE" is the best solution I know of.. so I wrote a simple javascript and placed it in my DIRECTORY FILE of my website and pointed the Flash Components to it....
*Here is the trick in mine*
Just place this code: (once you have the ieupdate.js) under the LAST OBJECT in your html code.... If you want to play it safe.. put it on the bottom.. But I have found all OS's having no-problems if you just place it in the last part of the last OBJECT you create on the page.....
Here is the same code as above.... but with the ieupdate.js line-code
(EXAMPLE): (ADDED LINE IN BOLD)
<object
classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,22,0"
id="_3D_animated_vector_globe"
width="261" height="188"
>
<param name="movie" value="flash/3D_animated_vector_globe.swf">
<param name="bgcolor" value="#ffffff">
<param name="quality" value="High">
<param name="allowscriptaccess" value="samedomain">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="_3D_animated_vector_globe"
width="261" height="188"
src="flash/3D_animated_vector_globe.swf"
bgcolor="#ffffff"
quality="High"
allowscriptaccess="samedomain" menu="false" wmode="transparent"
>
<noembed>
</noembed>
</embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script>
NOTE:
Make sure that if you have any pages in subfolders or non-directory areas... Point to exactly where the ieupdate.js script is or just place a copy of it into the container where your pages are.....
______________________________________________________________
WHAT'S NEXT:
Where can you get my ieupdate.js..? (make it yourself... LOL/Kidding)
Well here is the code for it: (REMEMBERING I KEEP THINGS SIMPLE)
objects = document.getElementsByTagName("object");
for (var i = 0; i < objects.length; i++)
{
objects[i].outerHTML = objects[i].outerHTML;
}
Just take this code and create a .js file and name it whatever you want.. but Naming it / ieupdate.js / works well in remembering why and what it is doing....
Hope this helps....
P.S. I will attach my ieupdate.js file for those who do not know how to program in javascript....
And if you want to see my client's site with this in REPLY POST in action... Just click here (http://www.floridabiodieselinc.com)
Ciao 4 now!!!!
Respectfully Submitted,
David McGuigan, PhD.- Computer Science
EP System Technologies - CEO
ceo@epstweb.com (mailto:ceo@epstweb.com)