Flash in layers, underneath DHTML script

[EricSanchez3099]

hello all, hopefully this is the right place to post this:

I have a page with top menu, that has a dhtml drop down menu script. Right below that menu is suppose to be a image that I want in flash. However, if i put the flash up, the drop down menus get cut off, because the drop down menus will drop down into the flash section.

I tried to make a layer with a table, and the flash piece in the table, but everytime i resize the screen, it gets out of place. is there any other way to do this, without making the layer in css? (im not familiar with css, or guessing i would have to redo the whole site with css).

Any help or direction is appreciated.

Here is a sample link, but doesnt have the flash piece, just the big box image as a placeholder: http://bedrockstoneanddesign.com/

[coothead]

Hi there EricSanchez3099,

try it like this...

<object type="application/x-shockwave-flash" data="your.swf" width="770" height="239">
<param name="movie" value="your.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
</object>

coothead

[lord_havoc]

Looks fine in IE7. However I can't get to a computer loaded with firefox to see it there.

Nice site by the way!

[EPSTCEO]

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

Ciao 4 now!!!!

Respectfully Submitted,

David McGuigan, PhD.- Computer Science
EP System Technologies - CEO
ceo@epstweb.com

[butiki]

hello guys

here's my problem with the step carousel viewer

i inserted a iframe to play an audio file
http://workonline4idiots.com/psychic...indextest.html

but it happens that it doesnt hide the play pause stop button, i checked it in other browsers it works fine only in firefox doesnt is there any way it will work with firefox?