Template: Directory Tree Engine Javascript

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:

    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Unlimited number of sub levels
    - Submenus automatically scrolls
    - Submenus have a fade effect
    - Vertical orientation of the Tree Menu
    - 3-state icons for each item
    - Inactive/Disabled items

Menu Screenshots Directory Tree Engine Javascript

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

Features Directory Tree Engine 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".

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

Tree Create Dropdown Directory Tree Engine Javascript

Professional Look-n-feel

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

Easy Setup

De Luxe Tuner. GUI interface to create your directory tree engine javascript 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

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

Javascript Tree Menu. Expandable Menu.

Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
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 Directory Tree Engine Javascript

Q: My pop out menus in the vertical navigation bar appear on the left instead of the right.

A: You can try to change the following parameter:

var subMenuAlign="left";

Q: I develop with a mac and I would like to know if your navigation bar maker is mac compatible?

A: You should download free trial version on MAC.
So, you'll have MAC version of JavaScript Tree Menus:
http://deluxe-menu.com/trial-download.html

And use the licensed engine files from the licensed .zip
(you candownload it from the link in your license message).

Unfortunately we don't have html version of the Tuner for Javascript/DHTML Tree
Deluxe Tabs, Deluxe Css Menu now. We'll try to create it in the nearest future.

You can find all templates for Javascript/DHTML Tree, Deluxe Tabs, Popup Window, Calendar
in thetrial package and on our sites.

More info about installation and parameters you can find on our websites:

http://deluxe-menu.com
http://deluxe-menu.com/css-menu/
http://deluxe-tree.com
http://deluxe-tabs.com
http://deluxepopupwindow.com/
http://calendardatepicker.com/

Q: How do I turn off the transitional effects for the dreamweaver drop down menu?

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;

Q: When I click on a tab in the css drop down menu tabs it is not activate.
What is the setting to change this?

A: You can set "bselectedItem" and "  var bselectedSmItem" parameters
based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters
from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem= </script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, for example:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>>

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