Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:23

Current Menu Item color help needed!


Poster: eiannarino
Dated: Tuesday January 29 2008 - 14:44:58 GMT

Hi, I am trying to figure out how to make the current menu item on my menu for that current page be a different color so the user knows what page they are on. I have looked through the forum and the suggestions are not working. Please help!

The url is http://test.endlesspools.com/about/about_service.html Only the About the company links work really right now.

Here is my code:

fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=600;
_menuOpenDelay=175;
_subOffsetTop=2;
_subOffsetLeft=0;
ignoreCollisions=true;




with(menuStyle=new mm_style()){
bordercolor="#F2F2F2";
borderstyle="solid";
borderwidth=1;
fontsize="11px";
fontfamily="Arial, Verdana, Helvetica";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#F2F2F2";
headercolor="#666666";
offbgcolor="#F2F2F2";
offcolor="#000000";
onbgcolor="#CCCCCC";
oncolor="#1E446F";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=98)";
padding=3;
pagecolor='#9eb874';
pagebgcolor='#F2F2F2';
separatorcolor="#FFFFFF";
separatorsize=1;
subimage="../images/arrow.gif";
subimagepadding=2;
itemwidth=168;
}

with(SubmenuStyle=new mm_style()){
bordercolor="#CCCCCC";
borderstyle="solid";
borderwidth=1;
high3dcolor='#000000';
fontfamily="Arial, Verdana, Helvetica";
fontsize="11px";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#F2F2F2";
headercolor="#666666";
offbgcolor="#F2F2F2";
offcolor="#000000";
onbgcolor="#CCCCCC";
oncolor="#1E446F";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color='#666666', Direction=120, Strength=2);";
padding=4;
pagecolor="#9eb874";
pagebgcolor="#F2F2F2";
separatorcolor="#FFFFFF";
separatorsize=1;
subimage="../images/arrow.gif";
subimagepadding=2;
itemwidth=164;
}

with(Submenu2Style=new mm_style()){
bordercolor="#CCCCCC";
borderstyle="solid";
borderwidth=1;
high3dcolor='#000000';
fontfamily="Arial, Verdana, Helvetica";
fontsize="11px";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#F2F2F2";
headercolor="#666666";
offbgcolor="#F2F2F2";
offcolor="#000000";
onbgcolor="#CCCCCC";
oncolor="#1E446F";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color='#666666', Direction=120, Strength=2);";
padding=4;
pagecolor="#9eb874";
pagebgcolor="#F2F2F2";
separatorcolor="#FFFFFF";
separatorsize=1;
subimage="../images/arrow.gif";
subimagepadding=2;
itemwidth=164;
}

//level 2 menus

with(milonic=new menuname("EP")){
style=SubmenuStyle;
aI("text=   Overview;");
aI("text=   Photo Gallery;");
aI("text=   Customer Testimonial;");
aI("text=   Pricing & Options;");
aI("text=   Specifications;");
aI("text=   Planning & Installation;");
aI("text=   Shipping;");
aI("text=   House Tour;");
aI("text=   Do-It-Yourself;");
aI("text=   Factory Trained Installers;");
aI("text=   FAQs;");
aI("text=   Video Gallery;");
}

with(milonic=new menuname("SwimSpa")){
style=SubmenuStyle;
aI("text=   Overview;");
aI("text=   Photo Gallery;");
aI("text=   Customer Testimonial;");
aI("text=   Pricing & Options;");
aI("text=   Specifications;");
aI("text=   Planning & Installation;");
aI("text=   Shipping;");
aI("text=   FAQs;");
aI("text=   Video Gallery;");
}

with(milonic=new menuname("FastlanePool")){
style=SubmenuStyle;
aI("text=   Overview;");
aI("text=   Photo Gallery;");
aI("text=   Customer Testimonial;");
aI("text=   Pricing & Options;");
aI("text=   Specifications;");
aI("text=   Planning & Installation;");
aI("text=   Shipping;");
aI("text=   FAQs;");
aI("text=   Video Gallery;");
}

with(milonic=new menuname("Fastlane")){
style=SubmenuStyle;
aI("text=   Overview;url=../../../whatis/index.html;");
aI("text=   Photo Gallery;");
aI("text=   Customer Testimonial;");
aI("text=   Pricing & Options;");
aI("text=   Specifications;");
aI("text=   Planning & Installation;");
aI("text=   Shipping;");
aI("text=   FAQs;");
aI("text=   Video Gallery;");
}

with(milonic=new menuname("FiberglassEndlessPool")){
style=SubmenuStyle;
aI("text=   Overview;");
aI("text=   Photo Gallery;");
aI("text=   Customer Testimonial;");
aI("text=   Pricing & Options;");
aI("text=   Specifications;");
aI("text=   Planning & Installation;");
aI("text=   Shipping;");
aI("text=   FAQs;");
aI("text=   Video Gallery;");
}

with(milonic=new menuname("AboutCompany")){
style=SubmenuStyle;
aI("text=   Who we are;url=../../../about/index.html;");
aI("text=   Mission;url=../../../about/about_mission.html;");
aI("text=   Customer Service;url=../../../about/about_service.html;");
aI("text=   Privacy & Copyright;url=../../../about/about_service.html;");
aI("text=   Pressroom;showmenu=PressRoom;url=../../../about/about_pressroom.html;");
aI("text=   Link to Us;url=../../../about/about_linktous.html;");
aI("text=   Contact Us;url=../../../about/about_contactus.html;");
aI("text=   Directions;url=../../../about/about_directions.html;");
}

with(milonic=new menuname("UKCustomers")){
style=SubmenuStyle;
aI("text=   EPI in the UK;");
aI("text=   Customer Testimonials;");
aI("text=   Events/Expos;");
aI("text=   FAQs;");
aI("text=   Pricing & Options;");
}

//level 3 menus

with(milonic=new menuname("PressRoom")){
style=SubmenuStyle;
aI("text=   TV & Film;url=../../../tvfilm/index.html;");
aI("text=   News Articles;url=../../../articles/index.html;");
aI("text=   Press Releases;url=../../../about/about_pressreleases.html;");
aI("text=   Events/Expos;url=../../../about/exposandevents.html;");
}

with(milonic=new menuname("Uses")){
style=SubmenuStyle;
aI("text=   Swimming;showmenu=Swimming;url=../../../why/swimming/index.html;");
aI("text=   Water Exercise;url=../../../why/exercise/index.html;");
aI("text=   Aquatic Therapy;url=../../../why/therapy/index.html;");
aI("text=   Relaxation & Fun;url=../../../why/fun/index.html;");
aI("text=   Triathlon;url=../../../why/tri/index.html;");
}

with(milonic=new menuname("Swimming")){
style=SubmenuStyle;
aI("text=       Swimming Benefits;url=../../../why/swimming/swim_benefits.html;");
aI("text=          Rowdy Gaines;url=../../../why/therapy/index.html;");
aI("text=          Ann Troy;url=../../../why/fun/index.html;");
aI("text=          Bonnie Pronk;url=../../../why/tri/index.html;");
aI("text=          Dr. Yokochi;url=../../../why/therapy/index.html;");
aI("text=          Glenn Mills;url=../../../why/fun/index.html;");
aI("text=          Julie Bradshaw;url=../../../why/tri/index.html;");
aI("text=       USMS Short Course;url=../../../why/tri/index.html;");
aI("text=       USMS Long Course;url=../../../why/tri/index.html;");
aI("text=       Auburn Swimming;url=../../../why/tri/index.html;");
}

drawMenus() // Draw the sub menus first.


Please help!

Re: Current Menu Item color help needed!


Poster: John
Dated: Tuesday January 29 2008 - 16:51:31 GMT

You haven't set up your site correctly for placing the menu in a table. See http://www.milonic.com/tablemenu.php for how to do it.

Re: Current Menu Item color help needed!


Poster: eiannarino
Dated: Tuesday January 29 2008 - 17:06:22 GMT

The menu is generated from an include file. This is how I was told to do it last time I posted on here. I am not sure how to change it?

Re: Current Menu Item color help needed!


Poster: Ruth
Dated: Wednesday January 30 2008 - 0:48:01 GMT

Hi,

I think John is talking about the position of these calls
Code:
<script type="text/javascript" src="../milonic_menu_code.js"></script>   
<script type="text/javascript" src="../menu_data.js"></script>


which are supposed to be the first thing after the body tag. That has nothing to do with calling them as includes, I don't think. However, if you're not having problem, then I guess it's OK. We just want to make sure you understand the methods posted on how to put them in a table, of which there are two. Here's an example of how to do it showing both methods just so you have the info.

http://support.milonic.com/beginners/ta ... /index.htm

Now, as to the setting the 'you are here color' That is the page codes, i.e. pagebgcolor, pagecolor, pageimage etc. You have them set to be the same color as the offbgcolor, bordercolor, headerbgcolor. They are all the same so, of course, it won't change when you are on a particular page.

Ruth