Treeview Jquery Api by Deluxe-Tree.com
Treeview Jquery Api


Buy Now!  Free Trial Download

Menu Screenshots Treeview Jquery Api

Treeview Jquery Api Tree Movable Tree

Features Treeview Jquery Api

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 treeview jquery api samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Dynamic Tree List Treeview Jquery Api
Cost Effective
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
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/disabled. Addition/removing of items. Changing of visibility of items. Collapsing/expanding of items. Getting the information on any menu, submenu and items. Other tricks. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions Treeview Jquery Api

Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.

A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:

  var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:

  var itemStyles = [
["itemBorderWidth=0"],
];

To add separators, please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];



Q: The submenus of the javascript menu buttons are reported behind the mediaplayer (IE 8)

A: Try to set the following parameter for your object:
windowlessvideo="true"

So, you'll have:
<embed width="800" height="470" src="video/spot-1.wmv" windowlessvideo="true">


Q: I can't find anywhere in your documentation that states where I can call this function onclick other than in the menu web page target.

A: You can use onclick event in the following way:

  var menuitems = [
["<div onClick='getLink(\'/Admin/Sales/Customers/Customers.asp\')'>Table of Contents</div>", ""]
];


Q: I would like to separate each main menu item in a dhtml menu bar with a dotted line graphic.

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, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];