DHTML JavaScript Popup Menu By Milonic.com









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.txt
How to build menus - howtobuild.txt
Read Me - readme.txt
License Details - license.txt




Please note that in order to remove the forced popup message you need to place the following inside your HTML, exactly as shown:

<a href=http://www.milonic.com/>JavaScript Menu Courtesy of Milonic.com</a>

This is how the link will look, you can change the style of the link to match the style of your website but hiding the link in any way will not only put you in breach of our terms but could also seriously damage your search engine rankings, don't say we didnt't warn you.

JavaScript Menu Courtesy of Milonic.com



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