Template: Text Tree Animation

XP Style Green Dynamic Tree Control

Disable/Enable Items
Some of items can be disabled by default.
To disable the item set item's target to "_".
For example:
["My Item", "mypage.html", "icon1.gif", "icon2.gif", "icon3.gif", "Short Tip", "_"]
On this example items "Sample 6", "New Sample 2", and "New Sample 5" are disabled.

Key features:

    - different speed for an animation for submenus
    - 3-state icons for each item
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Vertical orientation of the Tree Menu
    - Status string shows item labels
    - Personal CSS styles for separate menu elements
    - Several menus on one page

Menu Screenshots Text Tree Animation

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

Features Text Tree Animation

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

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 Menu Dynamic Text Tree Animation

Professional Look-n-feel

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

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".

Easy Setup

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

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

Javascript Tree Menu. Expandable 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!
When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

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

Recent Questions Text Tree Animation

Q: Does your site navigation menu support RTL Pages? How hard it is to convert it this way?

A: var dmRTL = 0;

Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

Q: I am trying to have the selected top item in the pop up menu remain on the mouseover event after it is selected.
It seemed to be working fine when i was just testing with # as a link
but when i actually linked to different pages it returns to normal.
How do i get this to work?

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

JavaScript Tree Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

Q: I am trying to convert the menu from the old Apycom menu to the new Deluxe menu and getting an error

Error: 'floatable' is undefined

A: Try to add the following lines into your data file:
// -- Deluxe Tuner Style Names
var itemStylesNames=["Style",];
var menuStylesNames=["Style",];
// -- End of Deluxe Tuner Style Names

Q: Just purchased the license for deluxe-menu.

The javascript submenu do not go over top of my other elements like the FAQ says it should.

A: Now you have the following style Z-INDEX: 2000; for .titleTopCenterDIV.

The menu has lower index in that case.

Try to set it to
Z-INDEX: 10;

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