Flash interference with menu

davebarnes · Post by **davebarnes** » Wed Apr 13, 2005 6:55 pm

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: Select all

<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

Post by **Ruth** » Wed Apr 13, 2005 9:08 pm

Hi Dave,

You have to format the divhider.js file for the submenus that will open

Code: Select all

M_hideMenus = "Why_Choose_Us->formdiv1;Meet_Our_Doctors->formdiv1;Our_Services->formdiv1;"

Ruth

davebarnes · Post by **davebarnes** » Wed Apr 13, 2005 10:38 pm

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

Post by **Ruth** » Thu Apr 14, 2005 1:31 am

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

davebarnes · Post by **davebarnes** » Thu Apr 14, 2005 2:13 am

Ruth,

1. Thank you

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

,dave

kevin3442 · Post by **kevin3442** » Thu Apr 14, 2005 8:03 am

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

Post by **Ruth** » Thu Apr 14, 2005 3:21 pm

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: Select all

 <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

Post by **Ruth** » Thu Apr 14, 2005 3:39 pm

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: Select all

<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>

davebarnes · Post by **davebarnes** » Thu Apr 14, 2005 4:18 pm

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: Select all

<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

Post by **Ruth** » Thu Apr 14, 2005 6:51 pm

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

davebarnes · Post by **davebarnes** » Fri Apr 15, 2005 12:54 am

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

Post by **John** » Mon Apr 18, 2005 3:59 pm

Hi Dave -

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

Also note that FF is now at 1.0.3.

davebarnes · Post by **davebarnes** » Mon Apr 18, 2005 9:23 pm

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

Post by **John** » Wed Apr 20, 2005 3:06 pm

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

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.

davebarnes · Post by **davebarnes** » Wed Apr 20, 2005 4:35 pm

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

Post by **John** » Wed Apr 20, 2005 4:39 pm

Understood.

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

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

Post by **Ruth** » Wed Apr 20, 2005 5:24 pm

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

davebarnes · Post by **davebarnes** » Wed Apr 20, 2005 6:26 pm

Opera 8 was released yesterday (19APR2005)