Open Source Treeview Navigation Bar by Deluxe-Tree.com
Open Source Treeview Navigation Bar


Buy Now!  Free Trial Download

Menu Screenshots Open Source Treeview Navigation Bar

Open Source Treeview Navigation Bar Tree Xp Style Menu Explorer

Features Open Source Treeview Navigation Bar

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".
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
Javascript Tree Coolmenu Open Source Treeview Navigation Bar
Easy Setup
  • De Luxe Tuner. GUI interface to create your open source treeview navigation bar menus easily and in no time
  • Sensible menu parameters for manual editing
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
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

Recent Questions Open Source Treeview Navigation Bar

Q: We're running deluxe_tree version 1.0. We are getting the following error:

_tsw is not defined
[Break on this error] String.prototype.sb=function(tss,te){return this.substring(tss,te)};String.proto...
dtree.js (line 14)

Any ideas? Should we upgrade to the latest version? If so, what it the upgrade path for us? Will we have to modify our data-tree.js file?


A: Yes, try to use Javascript/DHTML Tree v2.4.
See in Deluxe tree you should specify correct tWorkPath parameter:
<script type="text/javascript">  var tWorkPath="menudir/";</script> otn=tx/tl hre=T-"/ mt ae"ecito"cnet"nac orwbiewt it utn n e c

This parameter should point to the same folder with dtree.js file.When you use movable or floatable feature you should copy dtree_add.jsfile in the same folder with dtree.js file.
http://deluxe-tree.com/installation-info.html


Q: In my previous email asking about your menu program's ability to display a different color word on a menu item when the site is on that selected page, I made a mistake - I was experimenting with Vista xp1 style, the black/blue shiny dhtml menu templates.


A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I was not able to resolve seeing FAQ, is the following one:

If an item of a menu is very large, as "please, select the color you prefer for the background of the image of the photo of your san", as can I put a break line to obtain the item written in two or more lines?, as, for example:

please, select the color you
prefer for the background of
the image of the photo of your son

only an item, anly a link, but three lines in the item.


A: Try to set this parameter:

  var noWrap=0;

If it is not suitable for you, try to use <br> tags in the item text, for example:

  var menuItems = [
["please, select the color you<br>prefer for the background
of<br>the image of the photo of your son",,,],
];


Q: Also once you click a link and go to a new page, how do you get the java choice menu tab for that new page to stay the highlighted one?

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>