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

quick reference guides


Poster: Ruth
Dated: Friday August 29 2003 - 18:58:48 BST

grrr this is so frustrating. :cry: Yes, I keep getting told to learn css, jscript, dhtml and so on, well I don't have the time, unless in your creation of the menu you've also discovered how to put about 4 more hours in a day.... :lol: Not understanding those things is of course making this very difficult. I went to the quick reference guides, there are 3 - Menu Properties, Style Properties, Item Properties. The explanations are great, by the way, very easy to understand, however, just WHERE in the data.js file do all these go? Do ALL of them go in the top part where you define things? Do some of them go in the menu part where you are putting your links and such? I'm sorry to keep bugging everyone.

Ruth


Poster: Maz
Dated: Friday August 29 2003 - 23:14:19 BST

Ruth, I see above you must be getting it!

Here is my menu just for you!

Code:

/////////////////////////The first 8 are explained in the menu_data.js

_menuCloseDelay = 500;
_menuOpenDelay = 150;
_followSpeed = 5;
_followRate = 50;
_subOffsetTop = 1;
_subOffsetLeft = -1;
_scrollAmount = 3;
_scrollDelay = 20;

/////////////////////////////////This is the style for the MAIN menu *

with(XPMainTopStyle=new mm_style()){
onbgcolor = "#FFFFFF";
oncolor = "#FF0033";
offbgcolor = "#6699FF";
offcolor = "#FFFFFF";
headercolor = "#FFFFFF";
headerbgcolor = "#6699FF";
bordercolor = "#FFFFFF";
borderstyle = "solid";
borderwidth = 1;
separatorcolor = "#FFFFFF";
separatorsize = "1";
padding = 3;
fontsize = "95%";
fontfamily = "Tahoma,Arial,Verdana";
subimage = "http://www.mercuryexposure.org/template/main/images/xarrowdn.gif";
subimagepadding = "5";
subimageposition = "left";
onsubimage = "http://www.mercuryexposure.org/template/main/images/xarrowdnon.gif";
pagecolor = "#FF0033";
pagebgcolor = "#FFFFFF";
}

/////////////////////////////////////This is the style for submenus **

with(XPTopStyle=new mm_style()){
onbgcolor = "transparent";
oncolor = "#FF0033";
offbgcolor = "transparent";
offcolor = "#6699FF";
headercolor = "#FFFFFF";
headerbgcolor = "#6699FF";
bordercolor = "#777777";
borderstyle = "solid";
borderwidth = 1;
separatorcolor = "#EEEEEE";
separatorpadding = "1";
separatorwidth = "100%";
padding = 3;
high3dcolor = "#FFFFFF";
low3dcolor = "#002266";
subimage = "http://www.mercuryexposure.org/template/main/images/xarrow.gif";
subimagepadding = "3";
padding = 3;
fontsize = "95%";
fontfamily = "Tahoma,Arial,Verdana";
image = "http://www.mercuryexposure.org/template/main/images/xpblank.gif";
pagecolor = "#FF0033";
pagebgcolor = "#FFFFFF";
overfilter = "Fade(duration=0.2);Shadow(color='#777777', Direction=135, Strength = 5)";
outfilter = "randomdissolve(duration=0.3)";
}

///////////////////////////////This is the MAIN MENU*
////////////////////////////////Notice I changed the names ie TOP MENU and style, this is because I have 2 menus on one page, and need to have different names on each.

with(milonic=new menuname("TOP MENU")){
style=XPMainTopStyle;
top=50;
left=0;
itemheight=20;
alwaysvisible=1;
orientation="horizontal";

////////////////////////Everything between aI("..............."); is a menu item.

aI("itemwidth=20;image=http://www.mercuryexposure.org/template/main/images/xpixel.gif;alt=Skip menu;type=header;separatorcolor=#6699FF;url='#top';");
aI("itemwidth=84;text= Home Page;url=?m=show_doc&pid=1;title=Home page;");
aI("itemwidth=90;text=About Us;showmenu=organization;title=Mercury Exposure;");
aI("itemwidth=90;text=Experience;showmenu=experience;title=Experience;");
aI("itemwidth=90;text=Research;showmenu=research;title=Research;");
aI("itemwidth=90;text=Resources;showmenu=resources;title=Resources;");
aI("itemwidth=90;text=Legislation;showmenu=legislation;separatorcolor=#6699FF;title=Legislation;");
aI("text=  ;itemwidth=100%;type=header;");
}

//////////////////Below are the submenus, scroll adds a scrollbar onto a long menu item.

with(milonic=new menuname("organization")){
style=XPTopStyle;
bgimage="http://www.mercuryexposure.org/template/main/images/xwinxp.gif";
overflow="scroll";
itemwidth=90;
aI("text=Organization;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=3;title=Organization;overimage=/template/main/images/xblank.gif;");
aI("text=Policy and disclaimer;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=7;title=Policy and disclaimer;overimage=/template/main/images/xblank.gif;");
aI("text=Support;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=43;title=Support;overimage=/template/main/images/xblank.gif;");
aI("text=Donors;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=8;title=Donors;overimage=/template/main/images/xblank.gif;");
aI("text=Sponsors;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=10;title=Sponsors;overimage=/template/main/images/xblank.gif;");
aI("text=Volunteers;url=http://mercuryexposure.org/index.php?m=show_doc&pid=27;title=Volunteers;overimage=/template/main/images/xblank.gif;");
aI("text=Canary Production;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=30;title=Canary Production;overimage=/template/main/images/xblank.gif;");   
aI("text=Guest Book;url=http://www.mercuryexposure.org/guestbook.php;title=Guest Book;overimage=/template/main/images/xblank.gif;");
aI("text=Send email;url=help __at__ mercuryexposure.org?Subject=Mercury%20Exposure%20Website;title=Send email;overimage=/template/main/images/xblank.gif;");
}

with(milonic=new menuname("experience")){
style=XPTopStyle;
bgimage="http://www.mercuryexposure.org/template/main/images/xwinxp.gif";
itemwidth=90;
aI("text=Autism;url=http://www.mercuryexposure.org/autism.php;title=Autism;overimage=/template/main/images/xblank.gif;");
aI("text=Dentistry;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=41;title=Dentistry;overimage=/template/main/images/xblank.gif;");
aI("text=Health;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=42;title=Health;overimage=/template/main/images/xblank.gif;");
aI("text=Personal Story;url=http://www.mercuryexposure.org/experience.php;title=Personal Story;overimage=/template/main/images/xblank.gif;");
}

with(milonic=new menuname("research")){
style=XPTopStyle;
bgimage="http://www.mercuryexposure.org/template/main/images/xwinxp.gif";
itemwidth=90;
aI("text=History;url=http://www.mercuryexposure.org/history.php;title=History;overimage=/template/main/images/xblank.gif;");
aI("text=Library;url=http://www.mercuryexposure.org/library.php;title=Library;overimage=/template/main/images/xblank.gif;");
aI("text=News;url=http://www.mercuryexposure.org/news.php;title=News;overimage=/template/main/images/xblank.gif;");
aI("text=Science;url=http://www.mercuryexposure.org/science.php;title=Science;overimage=/template/main/images/xblank.gif;");
aI("text=Source;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=29;title=Source;overimage=/template/main/images/xblank.gif;");
aI("text=Symptoms;url=http://www.mercuryexposure.org/symptoms.php;title=Symptoms;overimage=/template/main/images/xblank.gif;");
}

with(milonic=new menuname("resources")){
style=XPTopStyle;
bgimage="http://www.mercuryexposure.org/template/main/images/xwinxp.gif";
itemwidth=90;
aI("text=Dentists;url=http://www.mercuryexposure.org/dentists.php;title=Dentists;overimage=/template/main/images/xblank.gif;");
aI("text=Doctors;url=http://www.mercuryexposure.org/doctors.php;title=Doctors;overimage=/template/main/images/xblank.gif;");
aI("text=Diagnostics;url=http://www.mercuryexposure.org/diagnostics;title=Diagnostics;overimage=/template/main/images/xblank.gif;");
aI("text=Lawyers;url=http://www.mercuryexposure.org/lawyers.php;title=Lawyers;overimage=/template/main/images/xblank.gif;");
aI("text=Organizations;url=http://www.mercuryexposure.org/organizations.php;title=Organizations;overimage=/template/main/images/xblank.gif;");
aI("text=Products;url=http://www.mercuryexposure.org/products.php;title=Products;overimage=/template/main/images/xblank.gif;");
}

with(milonic=new menuname("legislation")){
style=XPTopStyle;
bgimage="http://www.mercuryexposure.org/template/main/images/xwinxp.gif";
itemwidth=90;
aI("text=Global Policy;url=http://www.mercuryexposure.org/globalpolicy.php;title=Global Policy;overimage=/template/main/images/xblank.gif;");
aI("text=US Policy;url=http://www.mercuryexposure.org/index.php?m=show_doc&pid=28;title=US Policy;overimage=/template/main/images/xblank.gif;");
aI("text=Letters;url=http://www.mercuryexposure.org/letters.php;title=Letters;overimage=/template/main/images/xblank.gif;");
}

drawMenus();


I start with a new menu, open it in the browser, then begin changing properties and double checking in the browser that its working, if I really mess up the page won't show in the browser, then I revert to last save and try again.

Lets take a line apart:

aI("text=Home Page (YOUR MENU ITEM NAME);url=index.html (or http://); title=Home Page(I use this for blind readers);overimage=/images/xblank.gif (changes image on mouse over);");

This is the bit most appear to miss, when your menu is ready, then open up milonic_src.js and locate this line and put in the file path to the directory on your site.

//scriptpath="http://www.milonic.com/menu/";

See the // slashes, remove them and it activates, if you want to test it on your computer leave the // slashes in.

All the best
maz


Poster: Ruth
Dated: Saturday August 30 2003 - 0:22:19 BST

:D The one thing I DO know about is the scriptpath, I had so much trouble when I first did my site years ago because of not having the correct paths, I've never forgotten that. Thanks for the example, I'll play with it and see what I can do.
I think the problem is more in the area of not understanding the relation of things going from 3 to 5. Hmmm, kind of like teaching someone a sentence in Spanish and when they finally have it down, giving them that same sentence in Russian and asking which words go with their Spanish counterparts. If you don't speak Russian, you can't know. For example, in version 3 there's a thing called swap image, well I don't see anything for swap image in the various properties I read. But, I saw one called overimage. Is that the same thing? Wish there were a glossary of terms between version 3 and 5.
...Boy what happened to the size of these things, it scroll off about twice my browser width.... :lol: :lol:
Ruth


Poster: Maz
Dated: Saturday August 30 2003 - 5:18:52 BST

I'll add that to my image list, I don't remember much about the old menu it was a while ago.

maz


Poster: John
Dated: Tuesday September 2 2003 - 18:30:37 BST

Ruth, you have listed the 3 "guides" as follows (BTW, congrats on going over there and looking at them - a lot of folks don't even bother!)...

Menu Properties
Style Properties
Item Properties

As to your question on where the items go, the titles above pretty much explain that...

Menu Properties - in your menu description
Style Properties - in your style description(s)
Item Properties - in your individual item (aI) descriptions

Hope that helps.

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