sub menus showing behind select form and flash files in IE6

oe9781 · Post by **oe9781** » Fri Apr 20, 2007 3:50 pm

Having a problem with sub menus showing behind a select form and flash files in IE6. After trouble shooting I found the problem only occurs when a menu has a bunch of sub menus. If the sub menus are spaced apart with plain links (no sub menus) it works kinda ok. By kinda I mean if u hover over each item one by one slowly it works fine but if you hover over them quickly it may or may not display behind the select form or flash files. It looks like the sub menu needs to completely close before a new sub menu is opened for it to show properly over a select form or flash files. I tried upgrading to v5.772 (was using v5.770) but I get the same results. Thought I may have something to do with my code so made a simple test page using the menu sample http://milonic.com/menusample14.php and still get the same thing. Its kinda hard to explain so I included the testing example I was using. PLEASE HELP!!!

Here is the simplified testing source code of menusample14.

Code: Select all

<html>
<head>
<title>Milonic DHTML/JavaScript Menu Sample Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>

<body>

<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript" src="mmenudom.js"></script>
<script type="text/javascript" src="menu_data.js"></script>
<SCRIPT language=JavaScript src="divhider.js" type=text/javascript></SCRIPT>


<br><br><br><br><br><br><br>
<div id=formdiv1 name=formdiv1 style="position:relative">
<form>
<select><option>Testing to seeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</option></select>
<select><option>Testing to seeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</option></select>
<select><option>Testing to seeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</option></select>
<select><option>Testing to seeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</option></select>
<select><option>Testing to seeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</option></select>
<select><option>Testing to seeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</option></select>
<select><option>Testing to seeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</option></select>
<select><option>Testing to seeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</option></select>
</form>
</div>

</body>
</html>

Here is the simplified menu_data.js

Code: Select all

fixMozillaZIndex=true;
_menuCloseDelay=500;
_menuOpenDelay=100;
_subOffsetTop=0;
_subOffsetLeft=2;


with(menuStyle=new mm_style()){
borderstyle="solid";
borderwidth=1;
offbgcolor="#DCE9F0";
offcolor="#515151";
onbgcolor="#4F8EB6";
oncolor="#ffffff";
padding=5;
separatorsize=1;
subimage="http://milonic.com/menuimages/arrow.gif";
subimagepadding=2;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="horizontal";
style=menuStyle;
top=10;
aI("text=MILONIC;url=http://milonic.com/;");
aI("showmenu=Not Working;text=Not Working;");
aI("showmenu=Works ok;text=Works ok;");
}

with(milonic=new menuname("Not Working")){
style=menuStyle;
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
}

with(milonic=new menuname("Works ok")){
overflow="scroll";
style=menuStyle;
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;url=http://www.phpbb.net/;");
aI("text=Anti Spam Tools;url=http://www.phpbb.net/;");
}

with(milonic=new menuname("Anti Spam")){
style=menuStyle;
aI("text=Spam Cop;url=;");
aI("showmenu=Anti Spam2;text=Mime Defang;url=;");
aI("text=Spam Assassin;url=;");
}
with(milonic=new menuname("Anti Spam3")){
style=menuStyle;
aI(";text=Spam3 Cop;url=;");
aI("text=Mime3 Defang;url=;");
aI("text=Spam3 Assassin;url=;");
}

with(milonic=new menuname("Anti Spam2")){
style=menuStyle;
aI("showmenu=Anti Spam3;text=Spam2 Cop;url=;");
aI("text=Mime2 Defang;url=;");
aI("text=Spam2 Assassin;url=;");
}


drawMenus();

Thanks!

Post by **Ruth** » Fri Apr 20, 2007 8:12 pm

Hi,

What version of the menu are you using. You need to have the newest version, and you shouldn't need the divhider with that version. It should work fine, not dropping behind forms or flash with the new version.

If you do have the newest version, we are going to have to see the page with the flash and forms on it. Also, check this information about activiting flash - this is for the newer browsers

http://milonic.com/activateflash.php

Ruth

oe9781 · Post by **oe9781** » Fri Apr 20, 2007 8:30 pm

Im using v5.772 of the menu.

I managed to get the Flash files working properly. I had to go to use the Microsoft fix. The quick and dirty fix from http://milonic.com/activateflash.php didnt work. But still having a problem with menus showing behind a select forms. also found out it only affects IE6. Works fine in IE7.

My page is an intranet page so you wont be able to hit it. The code i posted on the request is an example of the problem im having and was hopeing you could use that to help me..

THANKS AGAIN!

Post by **Ruth** » Sat Apr 21, 2007 3:42 am

Hi,

I've reported this to Milonic. It's not something for which I can find a fix. Sorry. Usually they are pretty quick on fixes if it's something in the menu, but I know it has been a bit slower because they are in the middle of a complete upgrade.

Ruth

Post by **Ruth** » Sat Apr 21, 2007 6:49 am

Hi,

I think I found the problem and it's not in the menu but in how you have the divhider.js coded. It looks like you may need to use that after all.

In order for the divhider to work you need to code in ALL the menus that will drop over the forms.

So, in this case you have menus called Not Working, Works ok, and Anti Spam. The coding in the divhider would be

Code: Select all

M_hideMenus = "Not Working->formdiv1;Works ok->formdiv1;Anti Spam->formdiv1;"

Here's a link to a test page, try it and see if that does it in the browsers you tested.

http://support.milonic.com/ruth/form-pr ... 2/test.htm

Ruth

oe9781 · Post by **oe9781** » Mon Apr 23, 2007 1:58 pm

I tried your test page on my IE6 browser & it still displays behind the form. I also tried the code on my test page & get the same thing. Hope Milonic can find a fix soon.

Thanks.