Ajax Tree Menu by Deluxe-Tree.com
Ajax Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots Ajax Tree Menu

Ajax Tree Menu Tree Menu Trees

Features Ajax Tree Menu

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 ajax tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
Tree Menus Simple Ajax Tree Menu
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".
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ajax tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

Recent Questions Ajax Tree Menu

Q: I am using the deluxe tree menu but i am facing problem while using ajax
so can you please guide me how can i use the ajax functionality for the dhtml tree..

A: To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1; // enables AJAX technology support

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.

More info you'll find here:
http://deluxe-tree.com/ajax-menu-loading-sample.html



Q: I purchased your product yesterday and was quite impressed, but I am having a bit of aproblem with my submenuitems. In the general menu properties there is a "Global" vartitemHeight = 22; My problem is that I would like my upper level of my dhtml tree to have one itemheight and my submenuitems to have a smaller height.Is this possible?


A: In the XP Style
  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use
  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upper
level of your menu items.


Q: I am a web developer and evaluating your product using the Trial Version. I created navigation bar using your application (see attached files). Simple drop menu appears to be displaying OK (centered) when using Internet Explorer 7.0, but I can't move it below the header. Also when I access the same sample page using FireFox Browser, the Navigation Bar aligns on the Top-left. Ideally, the navigation bar shall be displaying below the header and centered.

Can you help please?

A: You are using absolute position for the menu now. You should userelative position if you want to center your menu. Set the followingparameter:

  var absolutePos=0;



Q: Is there a way to programmatically close a hover popup via javascript?

A: You can close the popup using the following function:document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot access
document.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situated
on the same page so you can access document.getElementById('win') element and hide it.

There is a workaround for Iframe.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>