Features Tree Menu Javascript

Easy Setup

De Luxe Tuner. GUI interface to create your tree menu javascript menus easily and in no time Sensible menu parameters for manual editing

Unrivalled Features

Scrollable, dragable, floating Unique Java Script API for altering menu "on-the-fly", without page reloading AJAX technology - loads menu data from the server "on-fly and on-demand".

Tree Popupmenu Tree Menu Javascript

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly". Commonly loads quicker than other html page elements Runs well with an unlimited number of submenus and items

Seamless Integration

Visible over flash, select boxes, iframes, java applets Multiple menus on the same page Amicable to other scripts and css styles Any HTML code can be used inside menu items

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed tree menu javascript samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

  

Recent Questions Tree Menu Javascript

Q: How I can make paths for images and links in my DHTML MENU absolute?

A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters in your DHTML MENU.

Q: Still having trouble with placing the javascript window menu on a fixed position on firefox. So far its only at my testpage. The "Trial Version"-Button however stays at the correct place while the javascript window menu itself moves down if you scroll down... I hope that is fixed in the full version??

A: Now you're using floating feature for the javascript window menu:

//--- Floatable Menu
  var floatable=1;
  var floatIterations=3;
  var floatableX=1;
  var floatableY=1;
  var floatableDX=15;
  var floatableDY=15;

If you don't want to use it you should set:

  var floatable=0;

Q: How do I connect a link (i.e. document) to one of the javascript text menu items.

A: You should add links in the "Link" field of the Item Parameters Window.
http://deluxe-menu.com/data-samples/java-menu-program.htm

You can find more info about menu items here:
http://deluxe-menu.com/menu-items-info.html

Q: How do I get the content to refresh when I click on a tabs javascript?
On the following URL how did you get the body content into eachtab?


A: See, for each item you should assign the ID property of the content DIV.

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>