Milonic DHTML Menu Sample

Milonic DHTML Website Navigational Menu

Static Images Sample

The Static Images Sample sample shows how to include images with your menu.

Not only can the menu include images for each menuitem as is seen on may Operating systems, you can also include thumbnails and much larger images like what you can see by opening the images sub menu on this sample.
The images can have mouseClick events to take you to another URL or activate JavaScript in this case to pop-up a JavaScript alert box.

You can include links to user defined JavaScript functions with the following code:

,"Your Text","javascript:yourfunction()",,,1

If you need to add text within your JavaScript function you will need to use only double quotes and they need to be escaped like this:

,"Your Text","javascript:alert(\"Some text\")",,,1

If you need to add a new line to your text that already uses an escape character you would need to escape the escape character like this:

,"Your Text","javascript:alert(\"Some text\\nOn more than one line\")",,,1

Unfortunately you will need to use none-breaking spaces to include spaces with your text, this will interfere with the menu code if you use normal open spaces.

In order to add larger images, the width of the menu item needs to be given. The height will be automatically determined.

To add an image to your menu, simply change the menu text to an image using HTML code. You must remove the quotes in the HTML as in this example:

,"","link.html",,"Mercedes SLK",1

Please Note: For the menu to work correctly in any version of Opera you must place the menu references inside the BODY of your documents. Opera will not display if you put the references in the HEAD.

- For more up to the minute information on new features and bug fixes visit Version Info
- Please join our Menu Newsletter, it's the best way to keep informed of new versions Join Newsletter here
- To open a page in another frame add " target=yourframe" to the link text for example
  ,"Your Text", "yourlink.htm target=yourframe",,,1
  You can also use _blank _new and _self etc. . . .
- To add more menus simply copy and paste other menu elements and edit them to suit.
- To position your menu anywhere on screen set the Top & Left values and remove any reference for "Screen Position"
- Offsets can be applied to both Top & Left positions for example:
- Information on commercial licenses can be found Here

      addmenu(menu=[
      "mainmenu",	// Menu Name
      20,		// Menu Top
      "offset=-200",	// Menu Left
      ,		// Menu Width
      1,		// Menu Border Width
      "center",	// Screen Position
      style1,		// Properties Array
      1,		// Always Visible
      "left",		// Alignment
      .......................

  The above will position the menu in the center of the screen minus 200 pixels.

- Please subscribe to the mailing list to be kept informed of updates Here