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

Activating Functions on Mouseover

The sample shows how you can include custom JavaScript functions that get activated onMouseover, onMouseOut and onClick.

In order to have a function activated onMouseOver or onMouseOut you will need to include your function name within the aI text string of a menu item as in the following sample:.

aI("text=Sample Item 1;onfunction=yourfunction('param1','param2')");

off function is the same but you change the onfunction to offfunction in the above aI text string. In order to have both onMouseOver and onMouseOut your menu item must look like this:

aI("text=Sample Item 1;onfunction=youronfunction('param1','param2');offfunction=youronfunction('param3');");

If you need to have your menu activate a function onClick you would use a menuitem like this:

aI("text=Sample Item 1;url=javascript:alert('Displaying an alert box');");

You can also include onMouseOut and onMouseOver functions to the above sample

Dynamic Downloads are possible for the Activating Functions on Mouseover demo
The code for this menu sample will be generated on the fly and compiled into a .ZIP file format for downloading onto your own machine.

Click here to download this sample

Note that you need to logged in to download the menus and the download delivered will depend on your current license status.