Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:47

Flash interference with menu


Poster: davebarnes
Dated: Wednesday April 13 2005 - 18:55:40 BST

I have this new website http://www.gastrorockies.com/new_index.html that has both the Milonic Menu and Flash on the homepage.

IE 6 on Windows has what I consider the correct behavior to be: The sub menus appear over the Flash movie.

Other browsers have the sub menus appearing underneath the movie. That is, the movie wipes out the sub menus.

I searched the forum and found out about Sample 14 and div hiding. I downloaded Sample 14 and did two things:
1. placed the divhider.js at the same level as new_index.html on the webserver.
2. added the call to the javascript in new_index.html as shown here:
Code:
<script language=JavaScript src="divhider.js" type=text/javascript></script>
<div id=formdiv1 name=formdiv1  style="position:relative">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="610" height="195">
      <param name="movie" value="English/Images/Movies/GastroRockies_Homepage_Movie.swf">
      <param name="quality" value="high">
      <embed src="English/Images/Movies/GastroRockies_Homepage_Movie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="610" height="195"></embed>
    </object></div>


The good news is that IE 6 Windows still behaves as desired.
The bad news is that none of the other browsers behaviors changed.

So, now what do I do?
Is there any way to get the sub menus (as they fly out) to appear on top of the Flash movie?

thanks,
dave


Poster: Ruth
Dated: Wednesday April 13 2005 - 21:08:28 BST

Hi Dave,

You have to format the divhider.js file for the submenus that will open
Code:
M_hideMenus = "Why_Choose_Us->formdiv1;Meet_Our_Doctors->formdiv1;Our_Services->formdiv1;"


Ruth


Poster: davebarnes
Dated: Wednesday April 13 2005 - 22:38:21 BST

Ruth,

I did that.

I now have this line of code in the divhider.js file: M_hideMenus = "Why_Choose_Us->formdiv1;Meet_Our_Doctors->formdiv1;Our_Services->formdiv1;"

I then cleared my cache, closed the browser, relaunched the browser.

But, when I surf to: http://www.gastrorockies.com/new_index.html using FireFox on Windows, I still see the sub menus underneath the Flash movie while the movie is running.

,dave


Poster: Ruth
Dated: Thursday April 14 2005 - 1:31:25 BST

Hi Dave,
I've posted this to Milonic for help. I didn't test it because when I saw you hadn't put in the menus I just 'ass'umed that was the problem. I can't get it to work in other then IE5.5, either. As soon as I hear something I will post for you.

Ruth


Poster: davebarnes
Dated: Thursday April 14 2005 - 2:13:32 BST

Ruth,

1. Thank you

2. Don't care about IE 5.5. Care about Safari on Mac OS X and FireFox on Windows.

,dave


Poster: kevin3442
Dated: Thursday April 14 2005 - 8:03:44 BST

Hi Dave,

This may help (or may not):

http://www.macromedia.com/cfusion/knowl ... d=tn_15523

http://www.macromedia.com/cfusion/knowl ... d=tn_14201

Have you tried setting wmode="transparent" in the <embed> tag?

Kevin


Poster: Ruth
Dated: Thursday April 14 2005 - 15:21:26 BST

Hi Dave,

This is the information I got. I do not know if it works in Safari. Try this coding for the flash object.

Code:
<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=6,0,29,0 
height=550 width=850
classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000>
     <PARAM NAME="movie" VALUE="http://www.gastrorockies.com/English/Images/Movies/
GastroRockies_Homepage_Movie.swf">
     <PARAM NAME="quality" VALUE="high">
     <PARAM NAME="wmode" VALUE="opaque">
                        <embed     src="http://www.gastrorockies.com/English/Images/Movies/
GastroRockies_Homepage_Movie.swf"
      quality="high"  wmode=transparent pluginspage="http://www.macromedia.com/
go/getflashplayer"
      type="application/x-shockwave-flash" width="610" height="195"></embed>   
      </OBJECT>


Ruth


Poster: Ruth
Dated: Thursday April 14 2005 - 15:39:47 BST

Dave,

I'm sorry, I posted the wrong code in the above... I copied it from your page I was using to test and couldn't change the file name as Andy specified and still get it to work, since I don't have any flash for testing, so I was using yours. I do apologize. This is the code Andy gave.

Code:
<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=6,0,29,0 height=550 width=850 classid=
clsid:D27CDB6E-AE6D-11cf-96B8-444553540000>
<PARAM NAME="movie" VALUE="flashfile.swf">
<PARAM NAME="quality" VALUE="high">
<PARAM NAME="wmode" VALUE="opaque">                                                 
<embed src="flashfile.swf" quality="high" wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type=
"application/x-shockwave-flash" width="850" height="550">
</embed>
</OBJECT>


Poster: davebarnes
Dated: Thursday April 14 2005 - 16:18:47 BST

Ruth,

We have a winner! (The code you originally posted was 98% correct. I t had error in the width and height. Easily spotted and corrected.)

Thank You!

This codes works:
Code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="610" height="195">
     <param name="movie" value="http://www.gastrorockies.com/English/Images/Movies/GastroRockies_Homepage_Movie.swf">
     <param name="quality" value="high">
     <param name="wmode" value="opaque">
     <embed
       src="http://www.gastrorockies.com/English/Images/Movies/GastroRockies_Homepage_Movie.swf"
       quality="high" 
       wmode="transparent"
       pluginspage="http://www.macromedia.com/go/getflashplayer"
       type="application/x-shockwave-flash"
       width="610"
       height="195">
     </embed>   
</object>


On Windows 2000: both IE 6 and FireFox work as desired.
On Mac OS X: IE 5.2 works (slightly flakey, but works. With FireFox, the Flash movie does not appear. With Safari, it works, but it is obvious that the DHMTL menu and the Flash movie are fighting each other.

So, what changed to make it work?
1. addition of <param name="wmode" value="opaque"> in the object
2. addition of wmode="transparent" in the embed
That is it. So simple, yet so far away.

,dave


Poster: Ruth
Dated: Thursday April 14 2005 - 18:51:20 BST

Hi Dave,

Thanks for the information. I just tested in Firefox 1.0.2 and it still doesn't work for me, win98se OS. Which Firefox are you using? I am getting the movie, with either opaque or transparent as that parameter. But the menu is going behind. I just wanted to give you that information.

Ruth


Poster: davebarnes
Dated: Friday April 15 2005 - 0:54:04 BST

Ruth,

Windows 98???? You need to upgrade to 2000 or XP Pro (not Home). Or maybe to Mac OS X.

I use Windows 2000 today. Switching to Mac OS X within the year.

I did some experiments with the 2 new parameters and found (at least for FireFox) that it makes no difference whether they are set to opaque or transparent. I tried all 4 combinations. But, if you leave them out, then no joy.

Ain't coding fun?

,dave


Poster: John
Dated: Monday April 18 2005 - 15:59:15 BST

Hi Dave -

Try the new pre-release (5.722). Note the new parameter available.

Also note that FF is now at 1.0.3.


Poster: davebarnes
Dated: Monday April 18 2005 - 21:23:06 BST

John,

I downloaded the 5.722 pre-release. Some good news and some bad.

May be viewed at: http://www.kokias.com/English/Products_ ... ducts.html

Good:
IE 6 on Windows 2000
FireFox 1.03 on Windows 2000
FireFox on Mac OS 10.3.8

Bad:
IE 5.2 on Mac OS X. Menu slides under I-frame.
Opera 8 on Windows 2000. Menu slides under I-frame.
Safari on Mac OS X. Entire drop down menu appears until you move your cursor down to the first item that appears over the I-frame and then all the menu items disappear behind the I-frame.

,dave


Poster: John
Dated: Wednesday April 20 2005 - 15:06:25 BST

Gee, Dave - for some reason all I could read was the good news part. The bad news was all garbled... :roll:

OK... not sure I'd worry about IE5.2, as it's a dead product (unless, for some reason, you're stuck with it). Ruth is our Opera expert (...he said, ducking!). I don't have it installed.

Are you going to load 10.3.9 (and the new security update)? Among other things, Safari got a workover, apparently for the better. I've been moving to FF on both platforms, although I'm not at all happy with their 'auto-forms' feature.

Let us know.

Addendum: 10.3.9. I see 2 subs. Both are OK until I try for the third item in either. Then the entire sub goes. If it were the iframe problem I'd expect to see at least the top part of the menu still visible.


Poster: davebarnes
Dated: Wednesday April 20 2005 - 16:35:30 BST

John,

I only worry about IE 5.2 on Mac OS X when the client is using it and thinks it is the only browser available. Do I really care? No.

I do care about Safari. We have no plans to go to 10.3.9. Tiger (10.4) is on order and we will go to it in June (after I read about the pain (or not) of upgrading.

I really do appreciate the work that you guys have done on this.

,dave


Poster: John
Dated: Wednesday April 20 2005 - 16:39:35 BST

Understood.

Safari is much upgraded in 10.4. Obviously your client needs some educating!

Have Tiger on order. Expect to see it next Friday.


Poster: Ruth
Dated: Wednesday April 20 2005 - 17:24:39 BST

Hi Dave,

John wrote:
Ruth is our Opera expert (...he said, ducking!).


Yeah, right. .....duck faster :!: The only 'expertness' I have on Opera is to tell everyone either it works or doesn't work on that ...ah.. I guess thing is the nicest word that comes to mind right now. I can only say that for some reason Opera seems to treat iframes [i.e. inline frame, as in it's on the page and in line with the rest of the html] as if it is a regular frame, not an iframe as other browsers do. I've tried the divhider, but cannot get it to work. Then again, I may be doing something wrong, though it works in other browsers. Also, Opera 8 is not yet released as far as I know, it's still a 'beta'

The only thing that I have read that has worked, and I did test it, and it seems to work, is a divloader. It is even supposed to work in IE5.2 on the Mac or so the topic says. You can check this topic. About midway there is a post by Lesson. Hope that helps.

Ruth


Poster: davebarnes
Dated: Wednesday April 20 2005 - 18:26:58 BST

Opera 8 was released yesterday (19APR2005)