Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:14
Menu Item Colors
Poster: Shannon
Dated: Wednesday November 19 2008 - 19:22:14 GMT
I have implemented a popup menu on the following page when you hover over the "College Recruiting Lists" link.
http://dev.tennisrecruiting.net/boys.asp
Can you explain why the "Archived Lists" menu item behaves differently when you mouse over this link? Also if you select one of the archived lists, for example ...
http://dev.tennisrecruiting.net/list.asp?id=1075
... you will notice that the "Archived Lists" link is highlighted in an odd way.
This is the code I used to define the lists style:
Code:
with(submenuStyle=new mm_style()){
margin=0;
bordercolor="#222222";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Arial, sans-serif";
fontsize="10px";
fontstyle="normal";
offbgcolor="#dddddd";
offcolor="#222222";
onbgcolor="#eeeeee";
onborder="1px solid #ffffff";
oncolor="#222222";
pagebgcolor="#222222";
pagecolor="#eeeeee";
padding="4px 6px 4px 6px";
subimagepadding=2;
subimage = "/img/menus/arrow_mil.gif";
}
margin=0;
bordercolor="#222222";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Arial, sans-serif";
fontsize="10px";
fontstyle="normal";
offbgcolor="#dddddd";
offcolor="#222222";
onbgcolor="#eeeeee";
onborder="1px solid #ffffff";
oncolor="#222222";
pagebgcolor="#222222";
pagecolor="#eeeeee";
padding="4px 6px 4px 6px";
subimagepadding=2;
subimage = "/img/menus/arrow_mil.gif";
}
This is the code I used to define the popup menu:
Code:
with(milonic=new menuname("Recruiting")){
margin=4;
style=submenuStyle;
left="offset=1";
aI("text=Lists Index;url=/boys.asp;separatorsize=1;separatorcolor=#333333;");
aI("text=Seniors;url=/list.asp?id=1095;");
aI("text=Juniors;url=/list.asp?id=1105;");
aI("text=Sophomores ;url=/list.asp?id=1115;");
aI("text=Freshmen;url=/list.asp?id=1125;");
aI("text=8th Graders;url=/list.asp?id=1135;");
aI("text=7th Graders;url=/list.asp?id=1145;");
aI("text=6th Graders;url=/list.asp?id=1155;separatorsize=1;separatorcolor=#333333;");
aI("text=Archived Lists;showmenu=recruitingArchives;");
}
with(milonic=new menuname("recruitingArchives")){
margin=4;
style=submenuStyle;
left="offset=0";
top="offset=-1";
aI("text=Class of 2008;url=/list.asp?id=1085;");
aI("text=Class of 2007;url=/list.asp?id=1075;");
aI("text=Class of 2006;url=/list.asp?id=1065;");
aI("text=Class of 2005;url=/list.asp?id=1055;");
aI("text=Class of 2004;url=/list.asp?id=1045;");
}
margin=4;
style=submenuStyle;
left="offset=1";
aI("text=Lists Index;url=/boys.asp;separatorsize=1;separatorcolor=#333333;");
aI("text=Seniors;url=/list.asp?id=1095;");
aI("text=Juniors;url=/list.asp?id=1105;");
aI("text=Sophomores ;url=/list.asp?id=1115;");
aI("text=Freshmen;url=/list.asp?id=1125;");
aI("text=8th Graders;url=/list.asp?id=1135;");
aI("text=7th Graders;url=/list.asp?id=1145;");
aI("text=6th Graders;url=/list.asp?id=1155;separatorsize=1;separatorcolor=#333333;");
aI("text=Archived Lists;showmenu=recruitingArchives;");
}
with(milonic=new menuname("recruitingArchives")){
margin=4;
style=submenuStyle;
left="offset=0";
top="offset=-1";
aI("text=Class of 2008;url=/list.asp?id=1085;");
aI("text=Class of 2007;url=/list.asp?id=1075;");
aI("text=Class of 2006;url=/list.asp?id=1065;");
aI("text=Class of 2005;url=/list.asp?id=1055;");
aI("text=Class of 2004;url=/list.asp?id=1045;");
}
Any help would be greatly appreciated.
Thanks,
Shannon
Re: Menu Item Colors
Poster: Ruth
Dated: Wednesday November 19 2008 - 22:55:57 GMT
Hi,
This properties affect what you point out.
Code:
pagebgcolor="#222222";
pagecolor="#eeeeee";
pagecolor="#eeeeee";
Those are the 'you are here' kind of breadcrumb properties which tells the person where they are in the menu. So, since you have the pagecolor set at that grey that is what color the text turns when the item 'matches' the page you're on.
Ruth
Re: Menu Item Colors
Poster: Shannon
Dated: Wednesday November 19 2008 - 23:34:22 GMT
Hi Ruth,
The links for the selected page look right. I am talking about the "Archived Lists" menu item, not the "Lists Index" menu item or the "Class of 2007" menu item.
There are two things to note about the "Archived Lists" menu item:
1) When you mouse over this link, the behavior is different than all of the other menu items. It's background stays the offbgcolor ("#dddddd") while the other ones change to the onbgcolor (#eeeeee"). This is illustrated in the image below when the mouse is over the "Freshmen" link and the "Archived Lists" link.
2) When one of the submenu items in selected (e.g. http://dev.tennisrecruiting.net/list.asp?id=1075), the background color is the offbgcolor (#dddddd) and the text is the the pagecolor (#eeeeee). This is illustrated below where the "Archived Lists" link at the bottom of the menu is very hard to read.
The only difference I note between the "Archived Lists" link and the others is that it has not URL property and that it has a submenu. Can anyone explain this behavior?
Kind Regards,
Shannon
Re: Menu Item Colors
Poster: Ruth
Dated: Thursday November 20 2008 - 0:08:06 GMT
Hi,
I've reported this, there seems to be a conflict going on. If you go to this topic and mark it to watch, you'll get an email whenever the menu is updated. Milonic is usually pretty fast on fixes.
viewtopic.php?f=10&t=3108
Re: Menu Item Colors
Poster: Ruth
Dated: Thursday November 20 2008 - 0:16:49 GMT
Shannon,
Sorry, I found the problem. You do not have a drawMenus(); at the end of your boys.js file. For whatever reason that is preventing the onbgcolor from showing when there is an image in the item.
You need to add that drawMenus(); at the end of the file. You also need to upgrade your menu files, the program files, we are now at 5.807, two levels higher. DON'T overwrite your menu_data.js file. I suggest you actually rename it so that you don't ever overwrite it.
Ruth
Re: Menu Item Colors
Poster: Shannon
Dated: Thursday November 20 2008 - 5:16:52 GMT
Hi Ruth,
That did the trick. Thank you very much!
Shannon