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

DHTML Menus and Tooltips

The DHTML Menus and Tooltips sample, demonstrates the menus flexibility when it comes to using tool tips as part of your menu design.

Tool tips allow for additional information to be made available to your users by displaying associated text upon hovering for a specific amount of time over a menu item. In fact the tool tips code can be used for any HTML object that supports onMouseOver and onMouseOut. The login button in the left hand side of this website uses the same code to display tool tips. You can see this by placing the mouse cursor over the login image and leave it there for a second, you should then see a small window appear next to the mouse pointer explaining what the login button is for. This text changes depending on whether you are logged in or not.

There are 2 requirements for adding tool tips to your menus are:

1. Declare the tool tip in your menu item. To do this add a menu item property called tooltip=YOUR TOOLTIP TEXT HERE; to your menu items like this: tooltip=Your Text Here;
2. Ensure that you include the menu module tooltips.js as part of the menu definitions.

All associated code and files will be issued to you by downloading this sample

The code needed for adding tooltips to your HTML objects is:<a href="menu.htm" onmouseover="showtip('Here is some tool tip text')" onmouseout="popdown"><img src=image.gif></a>

Note that this sample also demonstrates different text and styles for each menu item. Although global styles are used throughout the menu. Each property can be changed for each menu or menu item. Almost all of the properties that are declared in a global style can be modified for each separate menu item. A full list of each menu items passable parameters can be seen at our Menu Item Properties Quick Reference

If you wanted to change the font size for just one menu item it is possible to do so by declaring the property within the aI string. The aI string is where your menu item details are entered. The most important values for this field are text, url and showmenu. You can also declare the images, colors, font properties, in fact almost any property can be added to the aI text string.

The above is only a small selection of the passable parameters for menu items. The full list is at Menu Item Properties Quick Reference and list all passable parameters allowable for each menu item.