Milonic DHTML Menu, SWFObject and Safari

[MUTU]

Hi,

On http://www.gfi.com we are using the SWFObject for displaying SWF files. I tested on Safari 3 beta on Windows and the menu goes underneath the flash, rather than over. I've seen this happen occasionally on IE as well if I start using the menu before the page would have finished loading completely.

Kindly advise.

[Ruth]

I'll report it to Milonic, but be advised that Safari 3 for pc is a beta release, as you noted. Companies can't usually try to 'fix' their products to work with beta releases of browser since those betas change almost nightly. I will notify Milonic since this might be an easily fixed issue, or something that they should notify Safari about as an issue.

Ruth

[MUTU]

I just checked this out with Safari 2 on Mac and the problem is reproducible there, though sometimes the menu may flicker on top of the flash, but it's generally hidden and definitely not working properly.

[MUTU]

Any news on this please?

[Ruth]

Hi,

I have tried to test in Safari with your page. I can't get the flash to show in Safari on the desktop though it is there since I get the About Macromedia Flash Player when I click on where the flash is.

Now, I did find a fix, 3 actually, but the old one I think you're not supposed to use now because of the IE issue which requires a flash activating code.

1. The old method. Note that there is a param name=wmode value="transparent in the object code, then in the embed code that is set to wmode="opaque" it is that part that is necessary for Safari, I believe, the opaque in the embed tag.

Code: Select all

<DIV id=indexflash>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="435" height="330" align="middle">
	<param name=movie value="flash_index_Q4promo_en.swf">
	<param name=quality value=high>
	<param name=vmode value=transparent>
	<embed src="flash_index_Q4promo_en.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="435" height="330" align="middle" wmode="opaque">
	</embed> 
</object>
      </DIV>

2. Using Milonic's 'quick and dirty fix' due to IE issue. Do the same as above, but also create a file with the following in it and save as flashactivator.js. Then call it the last thing before the closing body tag.

Code: Select all

if(ie55){
_miO=_d.getElementsByTagName("object"); 
for(var x=0;x<_miO.length;x++)_miO[x].outerHTML=_miO[x].outerHTML;
}

3. Using Microsofts Fix for the activation issue: download http://milonic.com/insert_active_flash.js and call it in the head of your document. Then code the flash div as follows

Code: Select all

<DIV id=indexflash>
             <script>
myFlashObject=new Object
myFlashObject.movie="flash_index_Q4promo_en.swf"
myFlashObject.quality="low"
myFlashObject.wmode="transparent"
myFlashObject.width=435
myFlashObject.height=330
myFlashObject.version="5,0,0,0"
commitFlashObject(myFlashObject, "indexflash")
</script></DIV>

All of those fix the problem. Try this page with the 'old' coding, and note that the menu goes behind. This is because the page does not code the wmode="opaque" in the embed tag. Once that is added the menu will work on that page. http://milonic.com/old_over.php

Then go to this page which uses the Microsoft setup and you will see the menu drops over the flash http://milonic.com/over.php

If none of those will suit, you can contact Milonic for support since you have a professional license that seems to be still in support period. http://milonic.com/support/ But, I think their response will be the same, though they have a heck of a lot more technical knowledge than I do

Ruth

[Andy]

HI,

I can confirm that using the Mixrosoft Flash Activation method found at http://milonic.com/activateflash.php will indeed fix the problem.

I've yet to see another Flash Activation script that will allow objects over Flash in Safari

-- Andy

[MUTU]

Thanks Ruth and Andy, with your help I managed to find a way to get SWFObject to seemingly work by adding

Code: Select all

so.addParam("wmode", "transparent");

However, I found out that I only have Safari 3 on Mac, so I couldn't test on Safari 2. Before I implement this site-wide, would it be possible to confirm that the menu is going over the flash on Safari 2 on http://www.gfi.com please?

[johns]

I noticed that the same problem (menu under flash) is happening with Firefox 3 beta 3. Again the Microsoft fix method using insert_active_flash.js solves the problem.