Jstree Examples by Deluxe-Tree.com
Jstree Examples


Buy Now!  Free Trial Download

Menu Screenshots Jstree Examples

Jstree Examples Menu Slide Tree Example

Features Jstree Examples

Easy Setup
  • De Luxe Tuner. GUI interface to create your jstree examples 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 jstree examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tree Horizontal Navigation Menu Jstree Examples
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
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
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".
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 Jstree Examples

Q: The only problem I still have is with Netscape and Firefox users...the down javascript menuis not centered on their pages...what can I do to remedy this??
Any suggestions??

A: Try to set exact width in "px":

  var menuWidth="500px";



Q: I just purchased deluxe menu and can't seem to figure out how to get a custom onMouseOver and onMouseOut event to work on a javascript drop down menu item.

Could you please detail how to do this?

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within javascript drop down menu items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];



Q: Can I just have the date displayed without the time in the javascript popup calendar


A: You cannot hide time from the calendar templates.

But you can chose the output data format.

See more info:
http://www.calendardatepicker.com/parameters.html#param

calendarDatePicker.handlers( ['txt', 'txt', {type : 'date', format: '%d-%m-%Y'}] );

The result will be: 12-02-2009


Q: When I stay on one page (for example "Home") аlso must have the menu-point "home" another color or font. How can I make this?


A: You should set pressed item.
Please, check the following parameter

  var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

JavaScript Tree Menu v2.4 has only two states normal and mouseover. Now we'repreparing new version of JavaScript Tree Menu. It saves it state after thereloading of the page. We're planing to release a new version during a month.

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.
You can also set the correct
  var pressedItem=1;
parameter on each html page.