Javascript Interactive Treeview Menu by Deluxe-Tree.com
Javascript Interactive Treeview Menu


Buy Now!  Free Trial Download

Menu Screenshots Javascript Interactive Treeview Menu

Javascript Interactive Treeview Menu Tree Side Navigation Bar

Features Javascript Interactive Treeview Menu

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript interactive treeview menu 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".
Xp Toolbar Tree Javascript Interactive Treeview Menu
Cost Effective
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript interactive treeview 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.

  • Use images for backgrounds of submenus and items, icons, arrows.
  • Use any amount of menus on a single page.
  • Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

Recent Questions Javascript Interactive Treeview Menu

Q: How can I have the option for the navbar tabs that initiated the action highlighted once the new page is reloaded?
I want to highlight the tab which is done with 'bselectedItem', please tell me about thesub-tab option.


A: See you cannot create subitems in:
  var tabMode=0;
it is not correct.

You should set
  var tabMode=1;

The following parameters set the pressed items for top items andsubitems:

  var bselectedItem=0; //top items
  var bselectedSmItem=2; //subitems

where 0,1,2... is the index of the item in bmenuItems.

- delete   var bselectedItem=1; and   var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:

<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript">  var bselectedItem=3;
  var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>


Q: I have a Javascript/DHTML Tree Menu working on a website. What I want is that the javascript dhtml tree remembers which item was open when there is a click on an item.

I found on your website that this is possible with:   var tsaveState = 1;

But when I want to use this option I need to include dtree_ss.js in the html page. I can not find this file in the zip file I downloaded.

Can you help me with this file or tell me where I can find it?

A: See dtree_ss.js file was in the first versions of Javascript/DHTML Tree. We don't have such filenow. We haven't updated info on your website on the following page yet
http://deluxe-tree.com/parameters-info.html

You should use dtree.js file only.


Q: Can i install and run this on a server running OS X?


A: Yes, you can use JavaScript Tree Menu on Mac OS X.

To create your menu on MAC you can use HTML version of Deluxe Tuner (for MAC OS). You can find it here:

http://deluxe-menu.com/deluxe-tuner-info.html


Q: We are in the stage of design, we have a requirement to have the items
fly out from right to left in the dhtml menue.

A: The following parameter controls the ways of showing submenus:

From left to right:

  var subMenuAlign="left";
  var subMenuVAlign="top";

From left to right + upwards:

  var subMenuAlign="left";
  var subMenuVAlign="bottom";

From right to left:

  var subMenuAlign="right";
  var subMenuVAlign="top";

From right to left + upwards:

  var subMenuAlign="right";
  var subMenuVAlign="bottom";

You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html