Problem with menus getting smaller and smaller

coderanger · Post by **coderanger** » Fri Sep 03, 2004 8:47 pm

I have created a test menu but every time i move the mouse back and forth over the top level menu headings, the menu width gets smaller and smaller.

Code: Select all

with(menuStyle=new mm_style()){
onbgcolor="#FFFF00";
oncolor="#000000";
offbgcolor="#FFFFAA";
offcolor="#000000";
bordercolor="#FFFF99";
borderstyle="solid";
borderwidth=1;
separatorcolor="#ffffff";
separatorsize=1;
padding=3;
align="center";
fontsize=".80em";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
overfilter="Fade(duration=0.1);Alpha(opacity=95);";
}

with(milonic=new menuname("Main Menu"))
{
	style=menuStyle;
	alwaysvisible=1;
	itemwidth="100px";
	orientation="horizontal";
	
	aI("text=Home;url=/;status=Back To Home Page;");
	aI("text=Regulation;showmenu=Regulation1;");
	aI("text=Fixed;showmenu=Fixed2;");
	aI("text=Mobile;showmenu=Mobile3;");
	aI("text=Cable;showmenu=Cable4;");
}

with(milonic=new menuname("Regulation1"))
{
	style=menuStyle;
	itemwidth="100px";
	align="left";
	overflow="scroll";

	aI("text=CNC;url=http://www.cnc.gov.ar;");
	aI("text=SECOM;url=http://www.secom.gov.ar;");
}

drawMenus();

kevin3442 · Post by **kevin3442** » Fri Sep 03, 2004 9:41 pm

Hi,

There's nothing in the code you posted that would cause the behavior you described. And when I test it locally, I don't get the behavior. What browser/OS are you using? What release of the menu (version number)?

Do you have a test URL we could look at to see the phenomenon in action? If not, can you post your test to an accessible url? Barring that, how about posting in here the full html from your test page, plus the full content of your menu_data.js, as well as any .css you're using.

Cheers,

Kevin

coderanger · Post by **coderanger** » Fri Sep 03, 2004 11:05 pm

Ill post a url shortly as I am uploading the site later tonight, thanks

coderanger · Post by **coderanger** » Sun Sep 05, 2004 3:24 pm

http://emergingmarketinvestor.co.uk/country.asp?id=1

coderanger · Post by **coderanger** » Mon Sep 06, 2004 6:00 pm

Sorry, has anyone looked at this as I need to secure that page on the site so only logged in customers can view it -- but I am waiting until someone from Milonic has seen it first.

Post by **Ruth** » Mon Sep 06, 2004 8:21 pm

No horizontal menu shows on the page when I go to it. I downloaded it and then copied your coding from the previous post into the menu_data.js file. I am not getting any problem like you mention uisng IE5.5, Win98se. We need to know which browser and OS you are using where this occurs.

Ruth

coderanger · Post by **coderanger** » Mon Sep 06, 2004 8:23 pm

IE 6 Win XP Pro

and sorry, use this link:
http://emergingmarketinvestor.co.uk/cou ... id=1&mid=1

Post by **Ruth** » Mon Sep 06, 2004 8:36 pm

Thanks. I got it and it still is not showing the problem. I notice you have the menu in a table cell, however you do not have position="relative"; specified. If you are trying to center the menu in the table cell, you need to check the instructions for doing that. Embedding a Menu in a Table Cell

The only thing you put in the table cell is the main menu. The rest goes into the menu_data.js [all the submenus] That may be what is causing the problem.

Ruth

coderanger · Post by **coderanger** » Mon Sep 06, 2004 8:42 pm

I cant put anything in menu_data as its a dynamic site, it needs to be dynamically generated and thus appears where it is. It should make no difference where the javascript is situated anyway.

And I am not trying to center the menu in the table cell, its position is fine, and it operates fine.

What happens is that if you scan the mouse from left to right over the menus so they popdown you will see the menus getting smaller and smaller. Hover over Regulation, move mouse right so Fixed pops down, then left over regulation again, then right over fixed. Keep doing this about ten times and you will that each drop down gets progressively smaller in width.

It does this everytime at home and work on XP Pro and XPPro SP2. If you cant reproduce this then I imagine I am not explaining what you need to do to reproduce the problem properly.

Oh and position="relative"; doesnt fix it and on the submenu it in fact stops the drop downs from appearing at all.

Post by **Ruth** » Mon Sep 06, 2004 8:59 pm

I still can't reproduce the problem, but I don't have that browser and OS, but I looked at it, and as a suggestion, try specifying the itemwidth in each item, see if that fixes the problem. I'm sorry I can't be of more help.

Ruth

coderanger · Post by **coderanger** » Mon Sep 06, 2004 9:04 pm

I have an item width already on the submenus itemwidth="110px";

Does anyone at Milonic have this browser and OS? Could you ask them?

Post by **Ruth** » Mon Sep 06, 2004 10:40 pm

I will inquire. I know you have it specified in the submenus, I thought putting it in the actual item might fix the problem. There were some issues with netscape with regard to wanting the itemwidth in the item at one time.

Ruth

kevin3442 · Post by **kevin3442** » Tue Sep 07, 2004 8:56 am

Hi,

I see the problem in IE6/Win2k. It appears to be caused by the overflow="scroll" property. Try removing that from all of your menus, and see if the problem goes away.

Couple of other quick notes:

coderanger wrote:Oh and position="relative"; doesnt fix it and on the submenu it in fact stops the drop downs from appearing at all.

position="relative" should only be applied to the main menu.

coderanger wrote:I cant put anything in menu_data as its a dynamic site, it needs to be dynamically generated and thus appears where it is. It should make no difference where the javascript is situated anyway

Unfortunately, "should" is not always borne out by what really happens. Depending on what browsers you are targeting, it can make a tremendous difference. Some browsers (mainly older ones) object to having lots of script in tables. This is especially true of IE on Macs and NS4. Embedding the submenus in the table can also cause positioning problems for opening submenus in some browsers, because of variation across browsers in how container positions are derived. If you're just going for modern browsers, then no biggie. Even so, you could still put your submenu definitions in a menu_data.asp file, using ASP to generate the js code dynamically.

Cheers,

Kevin

coderanger · Post by **coderanger** » Tue Sep 07, 2004 1:33 pm

Removing overflow worked fine. Thank you, but what would happen if I have a lot of menu items, wouldnt I not get a scroll bar ... if thats right what would happen?

coderanger · Post by **coderanger** » Tue Sep 07, 2004 1:47 pm

Oh dear, just purchased my copy and I dont know what to do next, so i edited the milonic_src.js file and added my licence number and url to the code and now my menus dont work at all!!

Cool.

coderanger · Post by **coderanger** » Tue Sep 07, 2004 2:03 pm

Its alright, I redownloaded it and its okay now, sorry.

Post by **Ruth** » Tue Sep 07, 2004 4:41 pm

That's correct, you would not get a scrollbar. You may be able to put that back if you use Kevin's suggestion of putting the submenus into a menu_data.asp file, using ASP to generate the js code dynamically. But, I don't know for sure, you would have to test it that way and see if the problem didn't occur with the overflow scroll functioning.

Ruth