Template: Sorting In Tree Menu

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:

    - Several menus on one page
    - Vertical orientation of the Tree Menu
    - Items with icons
    - Submenus expand/collapse on mouseover
    - different speed for an animation for submenus
    - 3-state icons for each item
    - Relative/Absolute menu position
    - Inactive/Disabled items

Menu Screenshots Sorting In Tree Menu

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

Features Sorting In Tree Menu

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

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

Dynamic Tree Drop Down Sorting In Tree Menu

Easy Setup

De Luxe Tuner. GUI interface to create your sorting in tree menu menus easily and in no time
Sensible menu parameters for manual editing

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed sorting in tree menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

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.

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

Recent Questions Sorting In Tree Menu

Q: I want to order a single website license for the deluxe tabs application. It says when ordering this dhtml menu bulider license there would be a field where I can fill out the website's name where I can use it. I can't find this field though on the ordering form.

A: You should write domain name you want to register in the "Additionalinformation" field, for example:

Additional information: domain.com

If you will not find this field write us after the purchase and we'llsend you reg. key for your domain name.

Q: I have managed to insert a separator in a menu and set the image path but the separator image does not show.

Is there anything else I need to do?

A: Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

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

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

];
Try that.

Q: How to include the search box? With javascript menu maker there is not the option...

A: Use the following javascript menu parameter to enable/disable the "search support" for the Deluxe menu:

var dmSearch=2;

0-nosearch; 1-ordinary search (within one level of submenus only); 2-recursive (within the whole menu).

Set item's link to "search:", for example:

["","search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'", "", ],

Q: I was able to install the rollover dropdown menu pretty easily. However, how do I make the text of it bigger for the main items? I can change the text easily for the subitems.

I can't find anyway to do this. Also, if I edit the size of the before/after for the buttons, do I need to edit anything else in the javascript? Most of their heights is 23px but I wnat to make it 27px.

Let me know and I will purchase the software if I can get it to work.

A: Try to change Individual Item styles. I suppose that you're usingIndividual style for the top items now.

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