JavaScript Menu, DHTML Menu Powered By Milonic

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








Opening Windows and Frames with the Menu
When opening new windows you can either press CTRL+N to open a new window or you can press SHIFT and click on the link either in the menu or on a standard link in your web page. You can also force this behaviour in any of the menu items in your menu by adding a target. An example of this can be seen here.

aI("text=Open Google in New Window;url=http://www.google.com;target=_blank");

The above menu item sample will create a new instance of your browser and automatically navigate to the web site you have declared in your menu item text string. You can also replace the target with _new or the name of a frame.

You can even take this step further and open a customized browser instance with control over the following browser properties

  • height=300 - Windows Outer Width in Pixels
  • width=300 - Window Outer Width in Pixels
  • toolbar=yes - "Back", "Forward" and other buttons
  • location=yes - Show Current URL
  • directories=yes - Show What's new and other buttons
  • status=yes - Show the status bar
  • menubar=yes - Display the browser menu bar
  • scrollbars=yes - Use scrollbars if needed
  • resizable=yes - Include user re-sizing of Window
  • copyhistory=yes - Duplicate the GO history

This feature is included within the menu and is controlled by the targetfeatures property in your menu item.

If you wanted to open a new browser window for a specified link but limit the size to 300 pixels wide by 300 pixels high, you would declare a menuitem like this:

aI("text=Open Google;url=http://www.google.com;target=windowname;targetfeatures=width=300 height=300");

The above menu item will open a new browser window to www.google.com. This window will contain no scroll bars, location bars, status bars, menus or the ability to resize the window. This is the blank state of a browser window.

If you needed to add features to the above window you would do this by adding them to the targetfeatures property. For example, if you wanted the same size window for Google, as in the above sample, but you also wanted the ability to resize the window. Plus, you wanted the status bar to appear and you wanted to be able to scroll the window you can add these parameters to the targetfeatures property. The menu item would then look something like this:

aI("text=Open Google;url=http://www.google.com;target=windowname;targetfeatures=width=300 height=300 status=yes scrollbars=yes resizable=yes");

The above principle applies to all other window opening properties (from the list above) when opening windows using this technique. If you omit the targetfeatures property the standard browser will load as though you had selected it by clicking on an icon on your desktop.

In order to open the menu in an IFRAME you will need a custom JavaScript function. This function is very easy to integrate but it must be used in conjunction with the menu because it uses built in menu functions to get a reference to the IFRAME . Please note that at this stage this will not work for Netscape 4.x - Netscape 4.x does not support IFRAMES but you can have similar IFRAME functionality by using Layers. We will create a sample for Netscape 4.x at a later date. Please let us know if you need a sample for Netscape 4.x now and we can send you at least a workaround.

The function is called openIframe and it's parameters are IFrameID and URL

function openIFrame(IFrameID, URL){
   ifId=gmobj(IFrameID)
   ifId.location.href=URL // Opera Bug Fix. ifId.src=URL
}

You must have an IFrame embeded in your HTML for the above function to work. You must also give the IFrame an id that will be it's reference in order to change the URL. The menuitem for changing the URL of your IFrame will need to look something like this:

aI("text=Open Google in IFrame;url=javascript:openIFrame('tempiframe,'http://www.google.com'")

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.