Javascript Framework Libraries Tree Menu by Deluxe-Tree.com
Javascript Framework Libraries Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots Javascript Framework Libraries Tree Menu

Javascript Framework Libraries Tree Menu Collapse Navigation Tree Menu Javascript

Features Javascript Framework Libraries Tree Menu

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
Tree Jump Menu Frames Javascript Framework Libraries Tree Menu
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 framework libraries tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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 Javascript Framework Libraries Tree Menu

Q: Can you please tell me what is wrong with the second level of java file menu not lining up at the top of the screen? Admin --> Organization Information --> Providers is dropped down too far. (testimage.bmp attached) (css attached) (javascript attached) Also the desktop menu is not flushed all the way to the left, can you tell me why that is?

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;

Try that.



Q: I've been trying to get the menu item in dynamic tree menu to stay highlighted when clicked on and directed to that page.

A: Tree Menu doesn't save a presseditem as it saves a tree state.
It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var i = 4 //index of the selected item
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}


To expand specific items you should use the following function:
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 11), 1);


Q: Is it possible to insert an item at the top of the submenu in the html popup menu?

A: To insert item in the specific position you should use the following function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0. See more info about indexes here.
iParams = [array] - the array of item parameters.
Pos - the position in the menu where you want to add new item.

More info you'll find here:
http://deluxe-menu.com/functions-info.html



Q: Hi, just a quick question, is it possible to change which tab is displayed when the page is first rendered.

For instance, if you have 4 tabs, going right to left, can you load the css menu tabs with the second tab being displayed first?


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

If you use
  var tabMode = 0;
  var bselectedItem = 0;

See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 4;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4 // selected tab
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4