Folder Tree Expand Collapse Javascript by Deluxe-Tree.com
Folder Tree Expand Collapse Javascript

Template: Folder Tree Expand Collapse Javascript

XP Style Orange State Saving Web Tree Menu

State Saving Web Tree Menu
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!
Set the following parameter: var tsaveState = 1;
and the menu remembers its structure for each user who visit your page.
Try to expand/collapse items. Then reload the page and you'll see results.

Key features:

    - Unlimited number of sub levels
    - Status string shows item labels
    - Several menus on one page
    - Vertical orientation of the Tree Menu
    - Image arrows
    - Filters and Transitional effects
    - different speed for an animation for submenus
    - Submenus have a fade effect





Buy Now!  Free Trial Download

Menu Screenshots Folder Tree Expand Collapse Javascript

Folder Tree Expand Collapse Javascript Tree Drop Down Menu Styles

Buy Now!   ::  Free Trial Download   ::  More Info

Features Folder Tree Expand Collapse Javascript

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your folder tree expand collapse javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Tree View Menu Side Frame Folder Tree Expand Collapse Javascript
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed folder tree expand collapse javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • You can create 3-state icons for each item: normal state, mouseover state, expanded state.
  • Use images for icons, backgrounds of submenus and items.
  • You can use with any amount of menu and submenus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Folder Tree Expand Collapse Javascript

Q: Is there a way to expand only the menus and not the submenus in the collapse tree menu?

A: You can set expanded items by default.

If you want to expand specific items by default you should set "+"symbol at the beginning of item text.

["+Javascript/DHTML Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
// this item is expanded by default
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],
 ["|Product Info","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],
// this subitem is not expanded by default

Q: A lot of things have come in between... Just a few more Q's before I order.

1)
At the bottom of the page you refer to below, there is a table showing the tmenuItems array, itemInd and " submenuInd ". But in the examples on the same page, the function "dtreet_ext_getItemIDByIndex" takes the arguments (menuInd, itemInd). Is the argument "menuInd" the same as "submenuInd" referred to in the javascript menu design??

2)
When I highlight an item on "onload" I need to expand that item's parent(s), right? What will happen to other, already expanded nodes when I do that? Will they still be expanded or collapsed?

A: 1) menuInd is the index of a tree menu on a page, >= 0.
First menu - menuInd=0
Second menu - menuInd=1
Third menu - menuInd=2
Fourth menu - menuInd=3
...

2) Yes, the already expanded nodes will be expanded.

Q: I've tried that in my dhtml menu maker and it keeps going to the bottom of the list. That's why I emailed my question. I had read the part of drag and drop, but it doesn't seem to work. Don't know if I'm doing something wrong, if my software is corrupted somewhere. Everything else seems to work correctly.

Any other ideas or why it owuld do that?

A: Click on the item you want to move.
Move your mouse in the correct place (holding left mouse button).
Wait till you'll have gray line in the place where you want to insertthe item and release mouse button.



Q: In addition, as you know commercial websites also have to comply with EU regulations regarding disabilities, and I further believe that the current menu cannot be read by screen readers for blind/partially sighted/disabled users. Could you please confirm if this is the case, or if the java pull down menu can in fact be read by screen readers?

A: Deluxe java pull down menu is 508 compliant, but we don't have the certificate at this moment.



Buy Now!   ::  Free Trial Download   ::  More Info