Menu Item Colors

[Shannon]

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: Select all

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";
}

This is the code I used to define the popup menu:

Code: Select all

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;");
	}

Any help would be greatly appreciated.

Thanks,
Shannon

[Ruth]

Hi,

This properties affect what you point out.

Code: Select all

pagebgcolor="#222222";
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

[Shannon]

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

[Ruth]

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

[Ruth]

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

[Shannon]

Hi Ruth,

That did the trick. Thank you very much!

Shannon