Items Ext Tree Columntree by Deluxe-Tree.com
Items Ext Tree Columntree


Buy Now!  Free Trial Download

Menu Screenshots Items Ext Tree Columntree

Items Ext Tree Columntree Tree Clear Select Menu Items

Features Items Ext Tree Columntree

Easy Setup
  • De Luxe Tuner. GUI interface to create your items ext tree columntree 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 items ext tree columntree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Tree Disable Items Ext Tree Columntree
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".
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
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 Items Ext Tree Columntree

Q: More importantly, my last tab is showing up as active when the page with java floating menu loads...

A: See the following parameter:

  var bselectedItem=0;
You should set index of the item you want to select.



Q: The AJAX sample for tree menu script on website does not have any styling applied at the moment.
I am assuming that it would support full styling with AJAX as well.
Is this correct?

A: You can use any style and templates for the AJAX sample.
Create a menu and set style you need using Individual Item Styles.
To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1;

Then set your menu in such way:

  var tmenuItems = [

["Javascript/DHTML Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
 ["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [

[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.
For example:

  var tmenuItems = [

["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
 ["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];



Q: I'm looking to make a space between menu buttons in the drop down menu example,
I checked the FAQ which suggested using ["-"], between items but it didn't work.


A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems
(you can do it in Deluxe Tuner, use "Add separator" button),
for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],




Q: I have tried changing every menu variable I can see to make the actual iconbackground a different color than the menu items background with no success.Is this possible?

I would like the icon background to change with the alternating colors byrow .. and I know how to do this. but when I do it .. all the menus andsubmenus also change and I would like their background to stay white.

A: Yes, it's possible.
You should use an individual style for icon item, please see

deluxe-menu.com/individual-styles-sample.html
deluxe-menu.com/individual-submenu-styles-info.html