Welcome to Dream.In.Code
Click Here
Getting Help is Easy!

Join 118,587 Programmers for FREE! Ask your question and get quick answers from experts. There are 824 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



Embedded Flash Object And Dhtml Menus

2 Pages V  1 2 >  
Reply to this topicStart new topic

Embedded Flash Object And Dhtml Menus, How can they play nicely together?

cyberscribe
post 9 Jun, 2003 - 06:54 PM
Post #1


humble.genius

Group Icon
Joined: 5 May, 2002
Posts: 1,062



Thanked 2 times

Dream Kudos: 154
My Contributions


Hi,

I have an embedded Flash object under some DHTML menus. The problem is that when the menus roll out, the are *under* the Flash object. I have tried setting the z-index of the object, and even span/div/table elements to try to encapsulate the Flash object way down (the DHTML menu is z-index:1). Any ideas on how to get the menus to roll out IN FRONT of the Flash object?

Thanks in advance.

CS
User is offlineProfile CardPM

Go to the top of the page


Red93CobraR
post 9 Jun, 2003 - 07:31 PM
Post #2


Unregistered




You can't. I've tried several times myself. I'd build the whole site out of flash instead of mixing the two if that will work for you.

Go to the top of the page

pioSko
post 10 Jun, 2003 - 12:05 AM
Post #3


still.dreaming

Group Icon
Joined: 6 Jun, 2003
Posts: 1,888



Thanked 2 times

Dream Kudos: 225
My Contributions


I don't think it is possible. I've tried as well and failed. I don't know if it is the same thing as I have encountered with Quicktime movies and Macromedia Director... but, since Flash is made by Macromedia then it's quite possible.

In Director, when you place on the stage a quicktime movie, no matter what layer/level you place it in, it always goes to the front. And there is nothing you can do about it.

I think it's a Macromedia thing more than DHTML... They're probably working on it but, this "bug" has been in Director for a while.
User is offlineProfile CardPM

Go to the top of the page

Cookie Mobster
post 10 Jun, 2003 - 10:09 AM
Post #4


nooneenooneenooonee

Group Icon
Joined: 12 Oct, 2001
Posts: 4,723



Dream Kudos: 18
My Contributions


in your html page change the flash options and attributes of window type to this:

<param NAME=wmode VALUE=opaque>

THe default is to display the object in it's own "windows" over all other html datta, by setting it to opaque the movie become more of a html layer!
User is offlineProfile CardPM

Go to the top of the page

cyberscribe
post 10 Jun, 2003 - 03:49 PM
Post #5


humble.genius

Group Icon
Joined: 5 May, 2002
Posts: 1,062



Thanked 2 times

Dream Kudos: 154
My Contributions


Hi Cookie,

Thanks -- I tried this but it didn't work. I have set the menu layers to z-index:1 and the Flash object to z-index:-1. Still the menus load behind the Flash object. See:

http://www.peakepro.com/default_dev.php

-- maybe I missed something?

-CS

This post has been edited by cyberscribe: 10 Jun, 2003 - 03:51 PM
User is offlineProfile CardPM

Go to the top of the page

Cookie Mobster
post 10 Jun, 2003 - 04:07 PM
Post #6


nooneenooneenooonee

Group Icon
Joined: 12 Oct, 2001
Posts: 4,723



Dream Kudos: 18
My Contributions


add:

wmode="opaque"

you your embed tag... I tested you page after making that alteration and It is working fine in mozilla now (it was working fine in IE before)
User is offlineProfile CardPM

Go to the top of the page

cyberscribe
post 10 Jun, 2003 - 05:05 PM
Post #7


humble.genius

Group Icon
Joined: 5 May, 2002
Posts: 1,062



Thanked 2 times

Dream Kudos: 154
My Contributions


Thanks, cookie -- this did the trick.

Most impressive.

-CS
User is offlineProfile CardPM

Go to the top of the page

pioSko
post 11 Jun, 2003 - 12:24 AM
Post #8


still.dreaming

Group Icon
Joined: 6 Jun, 2003
Posts: 1,888



Thanked 2 times

Dream Kudos: 225
My Contributions


Does this work with jpg's, too? So that an image covers flash??
User is offlineProfile CardPM

Go to the top of the page

Cookie Mobster
post 11 Jun, 2003 - 10:27 AM
Post #9


nooneenooneenooonee

Group Icon
Joined: 12 Oct, 2001
Posts: 4,723



Dream Kudos: 18
My Contributions


It will work with anything... you just have to set the flash as an opique object, and it behaves like a JPEG image or something, you can overlay and whatever. That is also what they do foe the transparent flash backgrounds.
User is offlineProfile CardPM

Go to the top of the page

megamu
post 22 Jun, 2003 - 10:28 PM
Post #10


TALK'N SMACK NOW?

Group Icon
Joined: 13 May, 2001
Posts: 1,825

Heres what it looks like XHTML happy:

<object style="content" type="application/x-shockwave-flash" data="/load.swf?path=%2Fprojects%2Fwhereare%2Fmanboy.swf" width="433" height="300" wmode="opaque">
<param name="item" value="/load.swf?path=%2Fprojects%2Fwhereare%2Fmanboy.swf" />
<param name=wmode value="opaque">
</object>


read up here for some great tips on keeping validators and browsers happy:

http://www.alistapart.com/stories/flashsat...atay/discuss/4/
User is offlineProfile CardPM

Go to the top of the page

cyberscribe
post 10 Jul, 2003 - 05:49 PM
Post #11


humble.genius

Group Icon
Joined: 5 May, 2002
Posts: 1,062



Thanked 2 times

Dream Kudos: 154
My Contributions


More info on this:

Macromedia recommends wmode=transparent:

http://www.macromedia.com/support/flash/ts...h_top_layer.htm

with a transparent background:

http://www.macromedia.com/support/flash/ts...ments/wmode.htm

Which is supported on:

Internet Explorer 3 or higher (Windows)
Internet Explorer 5.1* and 5.2* (Macintosh)
Netscape 7.0*
Mozilla 1.0 or higher*
AOL*
CompuServe*
User is offlineProfile CardPM

Go to the top of the page

niq
post 20 Oct, 2004 - 11:09 PM
Post #12


New D.I.C Head

*
Joined: 20 Oct, 2004
Posts: 1

I'm trying to get a drop-down menu to appear over a quicktime movie - similar to described above with flash. I've seen this code work for flash, but haven't had any luck getting a drop-down to appear over quicktime. Any ideas?
User is offlineProfile CardPM

Go to the top of the page

2 Pages V  1 2 >
Fast ReplyReply to this topicStart new topic
Time is now: 10/11/08 07:25PM

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month