Embedded Flash Object And Dhtml Menus

How can they play nicely together?

Page 1 of 1

14 Replies - 27777 Views - Last Post: 16 December 2010 - 03:45 AM

Topic Sponsor:

#1 cyberscribe  Icon User is offline

  • humble.genius
  • member icon

Reputation: 10
  • View blog
  • Posts: 1,062
  • Joined: 05-May 02

Embedded Flash Object And Dhtml Menus

Posted 09 June 2003 - 06:54 PM

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
Is This A Good Question/Topic? 0
  • +

Replies To: Embedded Flash Object And Dhtml Menus

#2 Guest_Red93CobraR*


Reputation:

Re: Embedded Flash Object And Dhtml Menus

Posted 09 June 2003 - 07:31 PM

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.
Was This Post Helpful? 0

#3 pioSko  Icon User is offline

  • still.dreaming
  • member icon

Reputation: 23
  • View blog
  • Posts: 1,888
  • Joined: 06-June 03

Re: Embedded Flash Object And Dhtml Menus

Posted 10 June 2003 - 12:05 AM

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.
Was This Post Helpful? 0
  • +
  • -

#4 Cookie Mobster  Icon User is offline

  • nooneenooneenooonee
  • member icon

Reputation: 6
  • View blog
  • Posts: 4,729
  • Joined: 12-October 01

Re: Embedded Flash Object And Dhtml Menus

Posted 10 June 2003 - 10:09 AM

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!
Was This Post Helpful? 0
  • +
  • -

#5 cyberscribe  Icon User is offline

  • humble.genius
  • member icon

Reputation: 10
  • View blog
  • Posts: 1,062
  • Joined: 05-May 02

Re: Embedded Flash Object And Dhtml Menus

Posted 10 June 2003 - 03:49 PM

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....default_dev.php

-- maybe I missed something?

-CS

This post has been edited by cyberscribe: 10 June 2003 - 03:51 PM

Was This Post Helpful? 0
  • +
  • -

#6 Cookie Mobster  Icon User is offline

  • nooneenooneenooonee
  • member icon

Reputation: 6
  • View blog
  • Posts: 4,729
  • Joined: 12-October 01

Re: Embedded Flash Object And Dhtml Menus

Posted 10 June 2003 - 04:07 PM

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)
Was This Post Helpful? 1

#7 cyberscribe  Icon User is offline

  • humble.genius
  • member icon

Reputation: 10
  • View blog
  • Posts: 1,062
  • Joined: 05-May 02

Re: Embedded Flash Object And Dhtml Menus

Posted 10 June 2003 - 05:05 PM

Thanks, cookie -- this did the trick.

Most impressive.

-CS
Was This Post Helpful? 0
  • +
  • -

#8 pioSko  Icon User is offline

  • still.dreaming
  • member icon

Reputation: 23
  • View blog
  • Posts: 1,888
  • Joined: 06-June 03

Re: Embedded Flash Object And Dhtml Menus

Posted 11 June 2003 - 12:24 AM

Does this work with jpg's, too? So that an image covers flash??
Was This Post Helpful? 0
  • +
  • -

#9 Cookie Mobster  Icon User is offline

  • nooneenooneenooonee
  • member icon

Reputation: 6
  • View blog
  • Posts: 4,729
  • Joined: 12-October 01

Re: Embedded Flash Object And Dhtml Menus

Posted 11 June 2003 - 10:27 AM

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.
Was This Post Helpful? 0
  • +
  • -

#10 megamu  Icon User is offline

  • Information Designer
  • member icon

Reputation: 0
  • View blog
  • Posts: 1,828
  • Joined: 13-May 01

Re: Embedded Flash Object And Dhtml Menus

Posted 22 June 2003 - 10:28 PM

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.alistapar...atay/discuss/4/
Was This Post Helpful? 0
  • +
  • -

#11 cyberscribe  Icon User is offline

  • humble.genius
  • member icon

Reputation: 10
  • View blog
  • Posts: 1,062
  • Joined: 05-May 02

Re: Embedded Flash Object And Dhtml Menus

Posted 10 July 2003 - 05:49 PM

More info on this:

Macromedia recommends wmode=transparent:

http://www.macromedi...h_top_layer.htm

with a transparent background:

http://www.macromedi...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*
Was This Post Helpful? 0
  • +
  • -

#12 niq  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 20-October 04

Re: Embedded Flash Object And Dhtml Menus

Posted 20 October 2004 - 11:09 PM

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?
Was This Post Helpful? 0
  • +
  • -

#13 pioSko  Icon User is offline

  • still.dreaming
  • member icon

Reputation: 23
  • View blog
  • Posts: 1,888
  • Joined: 06-June 03

Re: Embedded Flash Object And Dhtml Menus

Posted 21 October 2004 - 02:17 AM

quicktime likes to hog the screen... i'venever been able to get anything over the top of quicktime...

good luck.
Was This Post Helpful? 0
  • +
  • -

#14 JasonT  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 07-August 08

Re: Embedded Flash Object And Dhtml Menus

Posted 07 August 2008 - 03:47 PM

View PostpioSko, on 21 Oct, 2004 - 02:17 AM, said:

quicktime likes to hog the screen... i'venever been able to get anything over the top of quicktime...

good luck.


Has this changed in the past 4 years, or are we still hooped?

I too have a CSS menu over quicktime issue, seen here:
http://www.microflig...Nistowiak-Falls
(mouse over the video menu)

I think I have wmode and zindex options exhausted, any other tricks?

JasonT
Was This Post Helpful? 0
  • +
  • -

#15 Guest_manjunatha*


Reputation:

Re: Embedded Flash Object And Dhtml Menus

Posted 16 December 2010 - 03:45 AM

Here is the fix try with this

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="FlashID" width="765" height="300" id="FlashID" title="tree">
<param name="movie" value="tree.swf" />
<param name="quality" value="high" />

<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="tree.swf" width="372" height="200">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="765" height="300" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
Was This Post Helpful? 0

Page 1 of 1