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

Menu Positioning With Offsets

The Menu Positioning With Offsets demonstrates the Milonic JavaScript menus powerful positioning techniques.

The form to the right allows you to change the settings for screen position, offsets, follow scrolling and the orientation of the menu.

Although the menu appears by default at the top right corner, it can be moved to any position by selecting appropriate properties from the form.

Offsets can then be declared to position the menu by declaring pixel values in the top offset and left offset text boxes. Numeric Integer values are only permitted.

Follow Scrolling can be toggled and you can switch between a horizontal and vertical menu.

The Menu Positioning With Offsets demonstrates the Milonic JavaScript menus powerful positioning techniques.

This menu sample also demonstrates the dynamic power of the menu in relation to modifying properties without the need for a page refresh. Code is included within this download for changing the orientation of the menu from horizontal to vertical and vice versa.

The properties used in the sample are:

screenposition
top
left
orientation

screenposition can declare 1 or 2 parameters to this property. These are either top, left or center and top, middle or bottom. you can also combine one vertical and one horizontal property, such as "middle;center" - Note the 2 parameters must be separated by a semi colon and enclosed in quotes.

top and left can be either integer pixel values or offsets. By using offsets you will need to enclose the offset in quotes and declare like this: left="offset=-120";. This will move the menu over 120 in the negative position for the offset. In other words, if you position the menu with screenposition="center" and then delclare left="offset=-120" this will position the menu in the center of the page and then adjust this position by moving the menu a futher 120 pixels to the left. orientation is orientation for the menu, the 2 valid parameters for this property are "horizontal" and "vertical". The default for orientation is vertical and the parameter is not required if you need a vertical menu.