[resolved] Multiple menus, with different styles, ....

dmacman · Post by **dmacman** » Thu Oct 06, 2005 2:31 pm

Hi All,

I am having an issue, putting 2 menus, with totally different style, on the same page.

I am setting up our site with headers and footers, for ease of changing items in the future.

The header, has a minolic menu in it that is working great (The yellow menu at the top):

http://www.intheclassroom.org/noFrames/index.php

This page, also, has a good working menu on it (The blue menu in the middle of the page):

http://www.intheclassroom.org/noFrames/ ... index2.php

But, when I try to put the header into that page, with the other milonic menu, I get this:

http://www.intheclassroom.org/noFrames/ ... index2.php

I read this FAQ:

http://milonic.com/multiplemenus.php

but do not understand how to have 2 (different, not similar) menus on the same page?

I hope I am making sense here, if not please ask.

I appreciate the help in advanve, as always.

Don

Post by **Ruth** » Thu Oct 06, 2005 5:44 pm

If I go to the menu page where you have the blue menu in the middle and download it, I get a file called embedded_main_menu.js which has the submenu Guides and Worksheets etc.

If I go to the page which has both menus on it, I get a file called menu_data.js and teachers_main_menu.js, the menu_data.js file seems to be just a style, the teachers one has a bunch of stuff in it including bgimages, and images which are not available anyplace I can find.

Ruth

dmacman · Post by **dmacman** » Mon Oct 10, 2005 1:25 pm

Hi Ruth,

To start off at square one, I am getting lost, and it looks like I am taking you with me.

First question, in this line of code

Code: Select all

with(milonic=new menuname("Main Menu")){

is the "Main Menu" the name of that menu?

What I am trying to understand is the naming conventions of this system.

I can get this close to working, but the when I combine 2 totally different menu types on the same page (thru includes and headers) the font style applies to both menus.

My thought process (which may be totally off) is that if I give them two distinct names and 2 distinct menu_data.js files, this will work.

Am I close on this?

--------------------

I did not directly answer your reply, because even I am getting lost here. I thought starting off from scratch would clear up some of this mess.

I REALLY DO appreciate your (and others) help.

Thanks,

Don

Post by **John** » Mon Oct 10, 2005 3:53 pm

You have this part correct.

With multiple menus on a page there must be no duplication of names between menus or styles. If you are pulling data from two different _data files they must also not have the same name.

Yes, "Main Menu" is the name of that menu.

dmacman · Post by **dmacman** » Tue Oct 11, 2005 1:28 pm

Hi John,

I am trying to understand what milonic uses as names to not have the menus use the wrong settings.

In this code:

Code: Select all

<script>
						with(milonic=new menuname("Teachers Main Menu")){
							alwaysvisible=1;
							orientation="horizontal";
							overfilter="";
							position="relative";
							orientation="horizontal";
							style=menuStyle2;   <------------ I changed the name here!
							top=155;
							left=200;
							aI("bgimage=images/xp_button_off.gif;image=images/folder.gif;overimage=images/folder_open.gif;overbgimage=images/xp_button_on.gif;showmenu=Free Resources;text=Free Resources;url=http://www.intheclassroom.org/noFrames/;target=miniwin;targetfeatures=toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=800,height=600;");
							aI("bgimage=images/xp_button_off.gif;image=images/chat.gif;overimage=images/chat_over.gif;overbgimage=images/xp_button_on.gif;status=Chat Room;text=Chat Room;url=http://intheclassroom.org/noFrames/chat.htm;target=miniwin;targetfeatures=toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=800,height=600;");
							aI("bgimage=images/xp_button_off.gif;image=images/contest.gif;overimage=images/contest_over.gif;overbgimage=images/xp_button_on.gif;status=Contests and Events;text=Contests and Events;url=http://intheclassroom.org/stossel/contests/index.htm;targetfeatures=toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=800,height=600;");
							aI("bgimage=images/xp_button_off.gif;image=images/volunteer.gif;overimage=images/volunteer_over.gif;overbgimage=images/xp_button_on.gif;status=Volunteers;text=Volunteers;url=http://intheclassroom.org/noFrames/forum/viewforum.php?f=6&sid=3696e32d11c0040cba146bbf97222cef;target=miniwin;targetfeatures=toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=800,height=600;");
							aI("bgimage=images/xp_button_off.gif;image=images/submit.gif;overimage=images/submit_over.gif;overbgimage=images/xp_button_on.gif;status=Submit Report;text=Submit Report;url=http://intheclassroom.org/stossel/forms/feedback.htm;target=miniwin;targetfeatures=toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=800,height=600;");
								}
									drawMenus();
						</SCRIPT>

You can see I am trying to change the name of "this" menu to not use the header styles for fonts, so I named it "style=menuStyle2;" and in the teacher_main_Menu.js I changed it to "style=menuStyle2;" also:

Code: Select all

with(menuStyle2=new mm2_style()){ <---- I changed it here also!
bgimage="images/xp_button_off.gif";
overbgimage="images/xp_button_on.gif";
borderstyle="solid";
fontfamily="Verdana, Tahoma, Arial";
fontsize="7pt";
fontstyle="normal";
fontweight="bold";
image="images/transparent.gif";
imagepadding=2;
itemheight=24;
itemwidth=138;
headerbgcolor="#FFFFFF";
headercolor="#000000";
padding=5;
offcolor="#000000";
oncolor="#999999";
offbgcolor="#000000";
onbgcolor="#000000";
pagecolor="black";
subimage="images/double_arrow.gif";
subimagepadding=8;
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}

But now, that menu drops out.

What I am doing wrong here?

If I leave them both the way they were, the middle menu on the teachers page has the wrong font and layout.

Thanks,

Don

Post by **Andy** » Thu Oct 13, 2005 1:46 pm

Hi,

It looks like you have too many references to milonic_src.js, mmenudom.js and mmenuns4.js.

You must only have one reference to the above files but you can have as many references to menu_data files as you like.

Hope this helps
Milonic Support

dmacman · Post by **dmacman** » Thu Oct 13, 2005 4:19 pm

Hi Andy,

I am confused, on this page, there is only one set of references to those files, in the "header_Scripts.shtm" file:

http://www.intheclassroom.org/noFrames/ ... ripts.shtm file?

Here is a link to the page in the zip below, to see the issue. The middle menu is not correct, the top is. The middle menu is taking the fonts and image from the top menu, not the data file I am telling to use.

http://www.intheclassroom.org/noFrames/ ... /index.php

Here is a link to Zip of all 3 files for this link.

http://www.intheclassroom.org/noFrames/students.zip

Thanks for the help,

Don

Post by **Ruth** » Mon Oct 31, 2005 7:30 pm

Hi Don,

I've been gone awhile. Did you get this issue fixed? The link seems to show two menus with two different styles.

Ruth

dmacman · Post by **dmacman** » Tue Nov 01, 2005 1:50 pm

Hi Ruth,

Welcome back!!!!!!!!!!!!!!!

I, for one, missed your presence on this board.

Yes, I did get this resolved, but had to rely on Milonic Tech Support.

I like your help more, you are not condescending . This link is for certain Tech Suppport people who do not understand nor appreciate customer/vendor relations. http://www2.merriam-webster.com/cgi-bin ... descending
(hint, hint)

I am SOOOOOOOO glad you are back, and hope you had some good time away.

I look forward to interacting with YOU, again.

Take care,

Don

Post by **Ruth** » Tue Nov 01, 2005 4:57 pm

Hi Don,

Wow, thanks for the really nice welcome back. It is truly appreciated

Ruth

dmacman · Post by **dmacman** » Tue Nov 01, 2005 7:31 pm

Your VERY welcome!