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:29

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


Poster: dmacman
Dated: Thursday October 6 2005 - 14:31:24 BST

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/students/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/students/index2.php

I read this FAQ:

http://www.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


Poster: Ruth
Dated: Thursday October 6 2005 - 17:44:24 BST

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


Poster: dmacman
Dated: Monday October 10 2005 - 13:25:42 BST

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


Poster: John
Dated: Monday October 10 2005 - 15:53:19 BST

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.


Poster: dmacman
Dated: Tuesday October 11 2005 - 13:28:46 BST

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


Poster: Andy
Dated: Thursday October 13 2005 - 13:46:58 BST

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


Poster: dmacman
Dated: Thursday October 13 2005 - 16:19:21 BST

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/includes/header_Scripts.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/students/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


Poster: Ruth
Dated: Monday October 31 2005 - 18:30:12 GMT

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


Poster: dmacman
Dated: Tuesday November 1 2005 - 12:50:10 GMT

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/mwdictsn?va=condescending
(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


Poster: Ruth
Dated: Tuesday November 1 2005 - 15:57:32 GMT

Hi Don,

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

Ruth


Poster: dmacman
Dated: Tuesday November 1 2005 - 18:31:38 GMT

Your VERY welcome!
:D

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support