three level menu bug

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
sconard
Advanced
Advanced
Posts: 13
Joined: Mon Apr 03, 2006 7:08 pm

three level menu bug

Post by sconard »

I am using the horizontal menu to display three levels. If I use an overbgimage, and the selected menu item is in the third level, the openmenusbyurl leaves the overbgimage on the second level item that was selected and not on the third level item that was the final selection. How do I stop this behavior?

Thank You

_menuCloseDelay=1500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle=new mm_style()){
bordercolor="#182957";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#465479";
offcolor="#E6DFC2";
onbgcolor="#6699CC";
oncolor="#E6DFC2";
outfilter="Fade(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=4)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#000033";
separatorsize=3;
overbgimage="/wrallpport/desktopmodules/wrallpnav/arrow.gif";
keepalive=0;

}
with(menuStyle2=new mm_style()){
bordercolor="#6699CC";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#465479";
offcolor="#E6DFC2";
onbgcolor="#6699CC";
oncolor="#E6DFC2";
outfilter="Fade(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=4)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#6699CC";
separatorsize=3;
overbgimage="/wrallpport/desktopmodules/wrallpnav/arrow.gif";
keepalive=0;

}
with(menuStyle3=new mm_style()){
bordercolor="#E6DFC2";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#465479";
offcolor="#E6DFC2";
onbgcolor="#6699CC";
oncolor="#E6DFC2";
outfilter="Fade(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=4)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#E6DFC2";
separatorsize=3;
overbgimage="/wrallpport/desktopmodules/wrallpnav/arrow.gif";
keepalive=0;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
//position="relative"
left="relative";
orientation="horizontal";
style=menuStyle;
top=42;
aI("status=Back To Home Page;text=Home;url=/WrallpPort/default.aspx?tabid=36;");
aI("text=About WR&A;url=/WrallpPort/default.aspx?tabid=153;showmenu=About WR&A");
aI("text=Services;url=/WrallpPort/default.aspx?tabid=53;showmenu=Services");
aI("text=Disciplines;url=/WrallpPort/default.aspx?tabid=62;showmenu=Disciplines");
aI("text=Careers;url=/WrallpPort/default.aspx?tabid=77;showmenu=Careers");
aI("text=Locations;url=/WrallpPort/default.aspx?tabid=83;");
aI("text=Site Map;url=/WrallpPort/default.aspx?tabid=91;");
aI("text=Contact;url=/WrallpPort/default.aspx?tabid=92;");

}

with(milonic=new menuname("About WR&A")){
left="relative";
orientation="horizontal";
style=menuStyle2;
aI("text=History;url=/WrallpPort/default.aspx?tabid=154;");
aI("text=News: New Awards Etc.;url=/WrallpPort/default.aspx?tabid=155;");
aI("text=Partnership;url=/WrallpPort/default.aspx?tabid=156;");
}

with(milonic=new menuname("Services")){
left="relative";
orientation="horizontal";
style=menuStyle2;
aI("text=Drinking Water;url=/WrallpPort/default.aspx?tabid=54;showmenu=Drinking Water");
aI("text=Wastewater;url=/WrallpPort/default.aspx?tabid=55;showmenu=Wastewater");
aI("text=Transportation;url=/WrallpPort/default.aspx?tabid=56;showmenu=Transportation");
aI("text=Building/Facilities;url=/WrallpPort/default.aspx?tabid=57;showmenu=Building/Facilities");
aI("text=Site Development;url=/WrallpPort/default.aspx?tabid=58;showmenu=Site Development");
aI("text=Marine;url=/WrallpPort/default.aspx?tabid=59;showmenu=Marine");
aI("text=Environmental;url=/WrallpPort/default.aspx?tabid=60;showmenu=Environmental");
aI("text=Special Services;url=/WrallpPort/default.aspx?tabid=61;showmenu=Special Services");

}

with(milonic=new menuname("Disciplines")){
left="relative";
orientation="horizontal";
style=menuStyle2;
aI("text=Architecture;url=/WrallpPort/default.aspx?tabid=63;showmenu=ArchServices");
aI("text=Mechanical;url=/WrallpPort/default.aspx?tabid=64;");
aI("text=Civil;url=/WrallpPort/default.aspx?tabid=65;");
aI("text=Construction;url=/WrallpPort/default.aspx?tabid=66;");
aI("text=Electrical;url=/WrallpPort/default.aspx?tabid=67;");
aI("text=Environment;url=/WrallpPort/default.aspx?tabid=68;");
aI("text=Geotechnical;url=/WrallpPort/default.aspx?tabid=69;");
aI("text=Instrumentation;url=/WrallpPort/default.aspx?tabid=70;");
aI("text=Structural;url=/WrallpPort/default.aspx?tabid=73;");
aI("text=Surveying;url=/WrallpPort/default.aspx?tabid=74;");
aI("text=Transportation<!---->;url=/WrallpPort/default.aspx?tabid=75;");
aI("text=Water;url=/WrallpPort/default.aspx?tabid=76;");
}

with(milonic=new menuname("Careers")){
left="relative";
orientation="horizontal";
style=menuStyle2;
aI("text=Overview;url=/WrallpPort/default.aspx?tabid=78;");
aI("text=Benefits;url=/WrallpPort/default.aspx?tabid=79;");
aI("text=Current Opportunities;url=/WrallpPort/default.aspx?tabid=80;");
aI("text=College Students;url=/WrallpPort/default.aspx?tabid=81;");
aI("text=Apply;url=/WrallpPort/default.aspx?tabid=82;");
}

//level 3*************************************************
with(milonic=new menuname("Drinking Water")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Source Water Development;url=/WrallpPort/default.aspx?tabid=93;");
aI("text=Treatment;url=/WrallpPort/default.aspx?tabid=94;");
aI("text=Pumping;url=/WrallpPort/default.aspx?tabid=95;");
aI("text=Storage;url=/WrallpPort/default.aspx?tabid=96;");
aI("text=Distribution;url=/WrallpPort/default.aspx?tabid=97;");
aI("text=Master Planning/Modeling;url=/WrallpPort/default.aspx?tabid=98;");
aI("text=Residuals Management;url=/WrallpPort/default.aspx?tabid=99;");
}

with(milonic=new menuname("Wastewater")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Master Planning Modeling;url=/WrallpPort/default.aspx?tabid=100;");
aI("text=Collection/Gravity Sewers;url=/WrallpPort/default.aspx?tabid=101;");
aI("text=Pumping<!---->;url=/WrallpPort/default.aspx?tabid=102;");
aI("text=Force Mains & Collection;url=/WrallpPort/default.aspx?tabid=103;");
aI("text=Treatment<!---->;url=/WrallpPort/default.aspx?tabid=104;");
aI("text=Solid Handling;url=/WrallpPort/default.aspx?tabid=105;");
}

with(milonic=new menuname("Transportation")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Bridges;url=/WrallpPort/default.aspx?tabid=106;");
aI("text=Highway Design;url=/WrallpPort/default.aspx?tabid=107;");
aI("text=Mass Transit;url=/WrallpPort/default.aspx?tabid=108;");
aI("text=Railroads;url=/WrallpPort/default.aspx?tabid=109;");
aI("text=Traffic Engineering;url=/WrallpPort/default.aspx?tabid=110;");
aI("text=Planning;url=/WrallpPort/default.aspx?tabid=111;");
}

with(milonic=new menuname("Building/Facilities")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Corporate;url=/WrallpPort/default.aspx?tabid=114;");
aI("text=Military;url=/WrallpPort/default.aspx?tabid=112;");
aI("text=Industrial;url=/WrallpPort/default.aspx?tabid=113;");
aI("text=Public Government;url=/WrallpPort/default.aspx?tabid=115;");
aI("text=Education;url=/WrallpPort/default.aspx?tabid=116;");
aI("text=Research;url=/WrallpPort/default.aspx?tabid=117;");
aI("text=Renovations;url=/WrallpPort/default.aspx?tabid=118;");
aI("text=Commercial;url=/WrallpPort/default.aspx?tabid=119;");
aI("text=Institutional;url=/WrallpPort/default.aspx?tabid=120;");
aI("text=Industrial<!---->;url=/WrallpPort/default.aspx?tabid=121;");
}

with(milonic=new menuname("Site Development")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Site Planning;url=/WrallpPort/default.aspx?tabid=122;");
aI("text=Utility Design;url=/WrallpPort/default.aspx?tabid=123;");
aI("text=Utility Rehabilitation;url=/WrallpPort/default.aspx?tabid=124;");
aI("text=Erosion/Sediment Controls;url=/WrallpPort/default.aspx?tabid=125;");
aI("text=Dams & Reservoirs;url=/WrallpPort/default.aspx?tabid=126;");
}

with(milonic=new menuname("Marine")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Drydocks;url=/WrallpPort/default.aspx?tabid=127;");
aI("text=Piers;url=/WrallpPort/default.aspx?tabid=128;");
aI("text=Shipyard Facilities;url=/WrallpPort/default.aspx?tabid=129;");
aI("text=Drydock Certification;url=/WrallpPort/default.aspx?tabid=130;");
}

with(milonic=new menuname("Environmental")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Permitting;url=/WrallpPort/default.aspx?tabid=131;");
aI("text=Site Remediation;url=/WrallpPort/default.aspx?tabid=132;");
aI("text=Wetlands Studies & Mitigation;url=/WrallpPort/default.aspx?tabid=133;");
aI("text=Hydrolic & Flood Control;url=/WrallpPort/default.aspx?tabid=134;");
aI("text=Solid Waste;url=/WrallpPort/default.aspx?tabid=135;");
aI("text=Odor Control;url=/WrallpPort/default.aspx?tabid=136;");
aI("text=NPDES Permitting;url=/WrallpPort/default.aspx?tabid=137;");
}

with(milonic=new menuname("Special Services")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Animation;url=/WrallpPort/default.aspx?tabid=138;");
aI("text=ATFP;url=/WrallpPort/default.aspx?tabid=139;");
aI("text=Design Build;url=/WrallpPort/default.aspx?tabid=140;");
aI("text=Graphic Design;url=/WrallpPort/default.aspx?tabid=141;");
aI("text=Information Technology;url=/WrallpPort/default.aspx?tabid=142;");
aI("text=Infrastructure Security;url=/WrallpPort/default.aspx?tabid=143;");
aI("text=LEEDS;url=/WrallpPort/default.aspx?tabid=144;");
aI("text=Printing;url=/WrallpPort/default.aspx?tabid=145;");
aI("text=SCADA;url=/WrallpPort/default.aspx?tabid=146;");
aI("text=Value Engineering;url=/WrallpPort/default.aspx?tabid=147;");
aI("text=3-D Modeling;url=/WrallpPort/default.aspx?tabid=148;");
aI("text=Energy Management;url=/WrallpPort/default.aspx?tabid=149;");
aI("text=GIS Services;url=/WrallpPort/default.aspx?tabid=150;");
aI("text=Public Involvement;url=/WrallpPort/default.aspx?tabid=151;");
aI("text=Handy Whitman Index;url=/WrallpPort/default.aspx?tabid=152;");

}
with(milonic=new menuname("ArchServices")){
left="relative";
orientation="horizontal";
style=menuStyle3;
top=95;
aI("text=Interiors;url=/WrallpPort/default.aspx?tabid=71;");
aI("text=Landscape;url=/WrallpPort/default.aspx?tabid=72;");
}

drawMenus();
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Post by Andy »

Hi,

If you have a URL that we can see we should be able to either advise on a solution or if it is a bug, we should be able to provide a fix. But we do need to see a working copy of the menu, with images and multiple levels.
sconard
Advanced
Advanced
Posts: 13
Joined: Mon Apr 03, 2006 7:08 pm

Cannot post site yet

Post by sconard »

This site is in dev and cannot be posted yet.
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Post by Andy »

I've just executed your code and see that the menu works fine.

Therefore I'm guessing that something is missing. You mention openmenusbyurl but this will not actually work with overbgimage, it will only work with pagebgimage.

If you can host the menu on a staging server that will really help us out in order to debug this
sconard
Advanced
Advanced
Posts: 13
Joined: Mon Apr 03, 2006 7:08 pm

Text is oncolor too

Post by sconard »

Aside from the overbgimage:
http://www.wrallp.com/testNav/menu.html
Hover services/marine/ and click on drydocks.

Notice that the color of Marine is selected and not Drydocks. Drydocks color should be selected. Drydocks should be yellow instead of Marine if Drydocks is selected. The bgimage has the same problem.
sconard
Advanced
Advanced
Posts: 13
Joined: Mon Apr 03, 2006 7:08 pm

Any ideas?

Post by sconard »

sconard
Advanced
Advanced
Posts: 13
Joined: Mon Apr 03, 2006 7:08 pm

Anything at all?

Post by sconard »

Any ideas? Work arounds? How do I deal with this bug?
Migru
Milonic Guru
Milonic Guru
Posts: 669
Joined: Tue Nov 01, 2005 8:22 pm
Location: Hamburg - Germany
Contact:

Post by Migru »

Hi

I´m wondering why this is different with this setup

Code: Select all

<html> 
<head> 
</head> 
<body> 
<script type="text/javascript" src="milonic_src.js"></script>
<a class="milonic" href="https://milonic.com/">JavaScript Menu, DHTML Menu 
	Powered By Milonic</a>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");		
  else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>"); 
</script>
<script type="text/javascript" src="listmenus.js"></script>
<script type="text/javascript" src="openmenusbyurl.js"></script>
</body> 
</html> 
Michael
sconard
Advanced
Advanced
Posts: 13
Joined: Mon Apr 03, 2006 7:08 pm

no difference

Post by sconard »

There is no difference with the above setup.
I do not know what difference you are talking about but it does not solve the problem if you are using more than two levels on a horizontal menu.
Migru
Milonic Guru
Milonic Guru
Posts: 669
Joined: Tue Nov 01, 2005 8:22 pm
Location: Hamburg - Germany
Contact:

Post by Migru »

Hi

yes, correct, I´m sorry I was wrong.

Michael
marty
Site Admin
Posts: 116
Joined: Tue May 21, 2002 6:48 pm
Location: Birmingham, UK

Post by marty »

Hi,

When I visit the drydocks page at http://www.wrallp.com/testNav/menu.html?tabid=127 services/marine/drydocks all appear blue as thats the colour thats been set in each of your menu styles:
pagebgcolor="#82B6D7";

If you remove this property from your styles it may help.

Hope this helps
-Marty
sconard
Advanced
Advanced
Posts: 13
Joined: Mon Apr 03, 2006 7:08 pm

Post by sconard »

When I visit the drydocks page at http://www.wrallp.com/testNav/menu.html?tabid=127 the word Marine is in yellow and the word Services and Drydocks are in black. It should be that the words Services and Marine are black and the word Drydocks should be in yellow as that was the selected item. Problem still exists.
sconard
Advanced
Advanced
Posts: 13
Joined: Mon Apr 03, 2006 7:08 pm

Any thoughts?

Post by sconard »

Any thoughts?
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Post by Andy »

I fouond the problem.

I've added a little something to openmenusbyurl.js to help fix the problem.

If you replace your openmenusbyurl.js file with the new one found at http://milonic.com/openmenusbyurl.js it should help fix the problem

Hope this helps,
Andy
Post Reply