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:

<script type="text/javascript" src="milonic_src.js"></script> 
<script type="text/javascript" src="mmenudom.js"></script> 
<noscript><a href=http://www.milonic.com/>JavaScript DHTML menu is only visible when JavaScript is enabled</a></noscript>
<!-- 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

Vertical Plain Text Menu

The Vertical Plain Text Menu sample is identical to the Horizontal menu in every way except for one slight difference. The orientation property in the main menu has been removed thus enabling the default orientation of 'vertical' to take precedence.

Note that the technique for disabling properties is complete removal from the data file. This saves space and also assists in making the data file easier to read and understand. The removal of a property can be either deleting the property as a whole or by 'commenting out' by prefixing the property with the // characters

The Vertical Plain Text Menu is a quite a common menu and is normally used in either the left hand or right hand column of web sites.

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

If you need to position the menu relative to other 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. 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. 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";

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.

Even more positioning can be achieved with the following samples Attached to a Table Cell and Positioned with Offsets