Template: Jquery Accordion Treeview With Recursive Demo

Linux Javascript Tree View Menu

The template emulates Linux menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support.
    - Items have icons
    - Animation effect for subitems
    - Menu has a static position and is placed within the table cell.

Key features:

    - Vertical orientation of the Tree Menu
    - Submenus expand/collapse on mouseover
    - Movable and floatable menu
    - Personal CSS styles for separate menu elements
    - different speed for an animation for submenus
    - Each item can have individual settings
    - Submenus have a fade effect
    - Image arrows

Menu Screenshots Jquery Accordion Treeview With Recursive Demo

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

Features Jquery Accordion Treeview With Recursive Demo

Easy Setup

De Luxe Tuner. GUI interface to create your jquery accordion treeview with recursive demo 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 jquery accordion treeview with recursive demo samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Creating Tree Menubar Jquery Accordion Treeview With Recursive Demo

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

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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 :: More Info

Javascript Tree Menu. Expandable Menu.

Use images for backgrounds of submenus and items, icons, arrows.
Use any amount of menus on a single page.
Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

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

Recent Questions Jquery Accordion Treeview With Recursive Demo

Q: Is it possible to enter text in the java source code that won't display as a link?

A: If you don't want to use items as links you can disable these items.
To disable item you should set target parameter to "_".

You can do it in "Item Parameters" window.

Q: How does an item on the simple html menu connect to pages?

A: You should create menu items in the Deluxe Tuner and specify link and target for each item, for example:

var menuItems = [
["Upcoming Trainings","http://domain.org/pub/upcoming-trainings", "", "", "", "_self", "", "", "", "", "", ],
["Conferences & Workshops","upcoming-workshops.html", "", "", "", "_blank", "", "", "", "", "", ],
["Continuing Ed","ceu.html", "", "", "", "main", "", "", "", "", "", ],
];

Q: I am using the tree menu script in a frameset, and I would like for the selected menu branch to stay highlighted after the user moves the mouse to another window(where the menu brings up a new page),just so the user knows where he/she is.
Is that possible?

A: But if you open links in the another frame (window) the initial frame with your menu isnot reloaded, so the clicked item will be highlighted.
You should set the following parameters:
  var ttoggleMode=1;
  var tpressedFontColor="#AAAAAA";

You can also set the following parameter to save menu state:
  var tsaveState=1;
  var tsavePrefix="menu1";

If you install the menu without frames. On your pages you should call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html
Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html

Q: How to include the search box in the navigation menubar?

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;'", "", ],

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