On Demand Tree Menu by Deluxe-Tree.com
On Demand Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots On Demand Tree Menu

On Demand Tree Menu Expandable Tree

Features On Demand Tree Menu

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
Javascript Tree Drag N Drop On Demand Tree Menu
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".
Easy Setup
  • De Luxe Tuner. GUI interface to create your on demand tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed on demand tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can set default expanded/collapsed items and submenus.
  • After clicking on menu item selected item becomes highlighted.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

Recent Questions On Demand Tree Menu

Q: I need a way to change tabs with buttons AFTER THE PAGE IS RENDERED. This means bselecteditem is useless to me at this point.

I want to have a button called NEXT on TAB 1, and when you press that button, it switches you to TAB 2. Likewise on TAB 2 I want to have a button called NEXT that when pressed will switch you to TAB 3.

I don't want to have to post back to the server to make this work, I want a way of Javascript to change the tab indexes.

How can I do this?


A: Try to use the following function:

LTb0(menuN,itemN);

menuN - menu ID, starts with 0
itemN - item ID, starts with 0


Q: So, as you can see, I use "_self" in order to make the URL open in same window when left-clicked. If I set it to empty it opens in new window (is that correct behaviour (I thought we should use _blank to get that effect).


A: In the menuItems you can set target parameter for each itemindividually.
The following parameter:
  var itemTarget="_blank";
sets target for all items, so if you haven't specified target for theitem

["Arbeidsplaner","cp_workplan.php",,,,"","0","0"],

the target for this item will be "_blank".


Q: I am not professional website developer … I’ve installed your trial software … but not able to add navigation menu tree in my website. Can you please guide me how I can add tree menus in left side bar of website?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Javascript/DHTML Tree ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.

You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://www.deluxe-tree.com/parameters-info.html

You can also use Individual Styles for items and subitems.

2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.

Add several rows into your html page.

<head>
...
<!-- Javascript/DHTML Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support

into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.
Try that.



Q: Hi, how to change font/size of the main java script pull down menu?
I see the option only for the sub menus.

A: I suppose that you're using Vista style template.

You should change font for the top items in Individual styles.Try that.