three level menu bug

Poster: sconard
Dated: Tuesday May 30 2006 - 15:48:28 BST

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();

Poster: Andy
Dated: Wednesday May 31 2006 - 12:12:55 BST

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.

Cannot post site yet

Poster: sconard
Dated: Wednesday May 31 2006 - 14:21:34 BST

This site is in dev and cannot be posted yet.

Poster: Andy
Dated: Wednesday May 31 2006 - 18:54:00 BST

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

Text is oncolor too

Poster: sconard
Dated: Wednesday May 31 2006 - 19:36:44 BST

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.

Any ideas?

Poster: sconard
Dated: Friday June 2 2006 - 12:27:47 BST

http://www.wrallp.com/testnav/menu.html

Anything at all?

Poster: sconard
Dated: Monday June 5 2006 - 12:44:18 BST

Any ideas? Work arounds? How do I deal with this bug?

Poster: Migru
Dated: Monday June 5 2006 - 16:14:53 BST

Hi

I´m wondering why this is different with this setup



Michael

no difference

Poster: sconard
Dated: Monday June 5 2006 - 18:13:05 BST

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.

Poster: Migru
Dated: Monday June 5 2006 - 21:46:34 BST

Hi

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

Michael

Poster: marty
Dated: Tuesday June 6 2006 - 12:16:49 BST

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

Poster: sconard
Dated: Thursday June 8 2006 - 13:08:50 BST

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.

Any thoughts?

Poster: sconard
Dated: Friday June 9 2006 - 13:44:17 BST

Any thoughts?

Poster: Andy
Dated: Tuesday June 20 2006 - 11:03:28 BST

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://www.milonic.com/openmenusbyurl.js it should help fix the problem

Hope this helps,
Andy