Milonic DHTML/JavaScript Menu Sample Page

Editing the menu

To edit the menu, open the file menu_data.js in a text editor and edit the details inside the aI() text strings
To add more menu items, just create another aI() string on a new line and enter your properties
add a showmenu=MENUNAME; property if you want this menu to open a sub menu
To Add more menus, copy another menu and paste it inside your data file. A menu starts: with(milonic=new menuname("MENUNAME")){ and ends: }
Any problems, visit http://www.milonic.com/forum. Beginners guide is at http://www.milonic.com/beginner.php

To get the menu onto your website, insert the following HTML into each page using the menu:

<noscript><a href="http://www.milonic.com/">DHTML Menu By Milonic JavaScript</a></noscript>			
<script type="text/javascript" src="milonic_src.js"></script> 
<script type="text/javascript" src="mmenudom.js"></script> 
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="menu_data.js"></script>

Links to other menu demos are:

Please note that users of Microsoft Windows XP with Service Pack 2 will need to unblock this page in order to see the menu. The reason for this is due to the fact that the menu has been written in JavaScript. This feature is considered unsafe when used locally and Service Pack 2 now blocks this by default for your safety. This only happens when you run the menu on a local machine, live use on the Internet will not be affected. Milonic Solutions Ltd assure you that there is absolutely no danger of allowing content from the DHTML Menu provided it has been downloaded from www.milonic.com

For instructions on removing the forced popup message, please visit http://www.milonic.com/removelink.php

For information on menu properties, please see http://www.milonic.com/menuproperties.php
For information on menu item properties, please see http://www.milonic.com/itemproperties.php
For information on style properties, please see http://www.milonic.com/styleproperties.php

Installation instructions - install.html
How to build menus - howtobuild.html
Read Me - readme.html
License Details - license.html

Plain Text Horizontal Style DHTML Menu Bar

The Plain Text Horizontal Style DHTML Menu Bar is probably the most common of all the Milonic DHTML/JavaScript menus and is one that probably will be used the most frequently.

The Plain Text Horizontal Style DHTML Menu Bar is added to the web page completely independent of all other HTML objects and can be positioned on the page in a number of ways. This menu consists solely of text with only the addition of a small arrow image to denote that a sub menu is available.

Absolute positioning for this menu is achieved by setting a Top & Left value in the data file. This will position the menu in exactly the same location on all web browsers.

If you need to position the menu relative to other HTML objects or relative to page dimensions, you can use one of the many menu positioning techniques that are built into the Milonic DHTML Menu. You can also declare the main menus position as "relative" with the "position" parameter. All of the parameters for menus must be entered after the menus with(milonic=new menuname("menuname")){ declaration and before any menu items have been declared. For more details on menu properties, please visit the menu properties page here: Menu Properties Quick Reference

The "screenposition" parameter will set the menu to one of 3 vertical and/or one of 3 horizontal positions. left, center, right or top, middle, bottom as can be seen in the Menu Positioning With Offsets sample menu. You can also combine a horizontal position with a vertical position. for example screenposition="center;middle"; will position the menu in the center of your page and keep it there, even if the user resizes the browser window. Please note the use of semi colons to separate the 2 properties. Additional tweaking of the position can be achieved by using offsets. These are declared for the top & left properties. All offsets must be enclosed inside quotes and the syntax is left="offset=-100"; or top="offset=200"; an example of a menu that has a screen position of center with a left offset is as follows:

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
screenposition="center";
left="offset=-100";
style=menuStyle;
aI("text=Home;url=http://www.milonic.com/;");
aI("showmenu=Samples;text=Menu Samples;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
}

In order to set the position of the menu to relative, you will need to declare a position of "relative" within the menu parameter area with position="relative"; This will allow you to embed the menu inside a table cell or within the natural flow of the document. Please note that table based menus will need to have the sub menus built outside the table cell to allow for 100% browser compatibility. Internet Explorer for the Apple Mac will have trouble unless the steps found here tablemenu.php are not adhered to.

Samples of even more positioning can be found on the following menu samples Attached to a Table Cell and Positioned with Offsets