Flash Site Design - HTML input problems with floating Flash

Author

HTML input problems with floating Flash

epper1250

2004-09-02, 7:17 pm

I am basically trying to float a flash animation over a client's webpage.
However, the webpage has several text and drop down boxes embedded in the html
for normal form input.

Everything works great - except when the animation passes over anything in a
<select tag. The select boxes are displayed above the flash content. I have
tried using z-index to overcome this, but it is as if Internet Explorer is
going to render the select on top no matter what. My flash animation floats
correctly above all other html content.

I have searched for a day and a half on net and can't seem to find anyone with
the same problem.

Has anyone out there had this problem / and how did you overcome this?

Any tips or help is GREATLY APPRECIATED!!!

Thanks

- Mike

Here is what my code basically looks like

<DIV id="object1" style="Z-INDEX:100; LEFT:0px; POSITION:absolute; TOP:0px">
<OBJECT id="banner"
codeBase="http://active.macromedia.com/flash/cabs/swflash.cab" height="400"
width="550" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" VIEWASTEXT>
<PARAM NAME="_cx" VALUE="19579">
<PARAM NAME="_cy" VALUE="11906">
<PARAM NAME="FlashVars" VALUE="">
<PARAM NAME="Movie" VALUE="Untitled-1.swf">
<PARAM NAME="Src" VALUE="Untitled-1.swf">
<PARAM NAME="WMode" VALUE="Transparent">
<PARAM NAME="Play" VALUE="-1">
<PARAM NAME="Loop" VALUE="0">
<PARAM NAME="Quality" VALUE="AutoHigh">
<PARAM NAME="SAlign" VALUE="">
<PARAM NAME="Menu" VALUE="-1">
<PARAM NAME="Base" VALUE="">
<PARAM NAME="AllowScriptAccess" VALUE="always">
<PARAM NAME="Scale" VALUE="ShowAll">
<PARAM NAME="DeviceFont" VALUE="0">
<PARAM NAME="EmbedMovie" VALUE="0">
<PARAM NAME="BGColor" VALUE="">
<PARAM NAME="SWRemote" VALUE="">
<PARAM NAME="MovieData" VALUE="">
<PARAM NAME="SeamlessTabbing" VALUE="1">
</OBJECT>
</DIV>
<div style="Z-INDEX:90;">
<br>
<br>
<br>
<br>
<select ID="Select1" name=ddlCategories
onchange='ddlCategories_OnChange'><option>Hollllllllllllllllllllllllllllaaaaaaaa
aaaa!</option></select>
</div>

2004-09-02, 7:17 pm

does the animation close allowing the form to be accesed, if so can you not
use a dummy page to play the animation then open the working form#?

"epper1250" <webforumsuser@macromedia.com> wrote in message
news:ch7aj3$9o9$1@forums.macromedia.com...
> I am basically trying to float a flash animation over a client's webpage.
> However, the webpage has several text and drop down boxes embedded in the
html
> for normal form input.
>
> Everything works great - except when the animation passes over anything
in a
> <select tag. The select boxes are displayed above the flash content. I
have
> tried using z-index to overcome this, but it is as if Internet Explorer is
> going to render the select on top no matter what. My flash animation
floats
> correctly above all other html content.
>
> I have searched for a day and a half on net and can't seem to find anyone
with
> the same problem.
>
> Has anyone out there had this problem / and how did you overcome this?
>
> Any tips or help is GREATLY APPRECIATED!!!
>
> Thanks
>
> - Mike
>
> Here is what my code basically looks like
>
> <DIV id="object1" style="Z-INDEX:100; LEFT:0px; POSITION:absolute;
TOP:0px">
> <OBJECT id="banner"
> codeBase="http://active.macromedia.com/flash/cabs/swflash.cab"
height="400"
> width="550" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
VIEWASTEXT>
> <PARAM NAME="_cx" VALUE="19579">
> <PARAM NAME="_cy" VALUE="11906">
> <PARAM NAME="FlashVars" VALUE="">
> <PARAM NAME="Movie" VALUE="Untitled-1.swf">
> <PARAM NAME="Src" VALUE="Untitled-1.swf">
> <PARAM NAME="WMode" VALUE="Transparent">
> <PARAM NAME="Play" VALUE="-1">
> <PARAM NAME="Loop" VALUE="0">
> <PARAM NAME="Quality" VALUE="AutoHigh">
> <PARAM NAME="SAlign" VALUE="">
> <PARAM NAME="Menu" VALUE="-1">
> <PARAM NAME="Base" VALUE="">
> <PARAM NAME="AllowScriptAccess" VALUE="always">
> <PARAM NAME="Scale" VALUE="ShowAll">
> <PARAM NAME="DeviceFont" VALUE="0">
> <PARAM NAME="EmbedMovie" VALUE="0">
> <PARAM NAME="BGColor" VALUE="">
> <PARAM NAME="SWRemote" VALUE="">
> <PARAM NAME="MovieData" VALUE="">
> <PARAM NAME="SeamlessTabbing" VALUE="1">
> </OBJECT>
> </DIV>
> <div style="Z-INDEX:90;">
> <br>
> <br>
> <br>
> <br>
> <select ID="Select1" name=ddlCategories
>
onchange='ddlCategories_OnChange'><option>Hollllllllllllllllllllllllllllaaaa
aaaa
> aaaa!</option></select>
> </div>
>

cornernote

2004-09-29, 7:14 am

Can you tell me the JS you used? I am having the same problem and there does not seem to be any other solution.

Thanks.

:)

cornernote

2004-09-29, 7:14 am

Can you tell me the JS you used? I am having the same problem and there does not seem to be any other solution.

Thanks.

:)

cornernote

2004-10-02, 12:20 pm

Can you tell me the JS you used? I am having the same problem and there does not seem to be any other solution.

Thanks.

:)