Jstree Javascript Example by Deluxe-Tree.com
Jstree Javascript Example


Buy Now!  Free Trial Download

Menu Screenshots Jstree Javascript Example

Jstree Javascript Example Drop Down Menu Tree Code

Features Jstree Javascript Example

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".
Tree Simple Menu Jstree Javascript Example
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jstree javascript example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu.Choose any color for backgrounds of submenus and items. Use special prefixes for image paths and links to make paths absolute.
  • You can assign your own images for lines.

Recent Questions Jstree Javascript Example

Q: I have started using your menu and when testing in both IE-browsers the CPU jumps to 100% for at least 30 to 60sec.
Then the sub menu appears but also not as fast as in Firefox(no effects).

Now does my menu contains about 1476 item-lines, and I use the cross-frame modus.

Any ideas?


A: It is possible that the loading speed can be lower if the menu is very large. But it doesn't take so much time.
Yes, you can notice some delay in IE, but in over browsers it works better.
JavaScript Tree Menu works fast, but 1500 is a large value.
I tried to create large menus on my machine: P4 3GHz, 512RAM WinXP SP2
It takes:
- 1000 items ~ 10 sec
- 2000 items ~ 40 sec

You can try to use AJAX-like technology.
http://deluxe-menu.com/ajax-technology-menu-sample.html


Q: I need a navigation bar dhtml where on the click of certain items, server side code on the page can be called and executed.
I need to create a multiple item select menu. Sothe menu would need to remain open and allow a user to selectmultiple items and would either submit onmouseout or maybe a “submitthese selections” menu item.

A: You can try to use Javascript/DHTML Tree in that case:
http://deluxe-tree.com

You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],
 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],

You should also add your own code, so your checkbox will workcorrectly.


Q: Is there a function for flash tab menu a I can call to make a tab appear??


A: You can use the following function to open appropriate tab:

Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>



Q: Even with the shadow setting removed -- there's a white space that surrounds the menu. I just can't figure out where the 1px white padding is coming from. I've checked and doubled checked my CSS -- so the problem is within the script with a setting I'm not familiar with.

A: Set

  var menuBorderWidth=0;

to remove white border from your submenus.

Add the following parameter to your Table:

<TABLE class=toptable cellPadding=0 cellSpacing=0 width=1000 align=center border=0>