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


Buy Now!  Free Trial Download

Menu Screenshots Ajax Sliding Tree Menu

Ajax Sliding Tree Menu Menu Tree Vertical

Features Ajax Sliding Tree Menu

Easy Setup
  • De Luxe Tuner. GUI interface to create your ajax sliding tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Tree Text Animation Layers Ajax Sliding Tree Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ajax sliding tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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".
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can create 3-state icons for each item: normal state, mouseover state, expanded state.
  • Use images for icons, backgrounds of submenus and items.
  • You can use with any amount of menu and submenus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions Ajax Sliding Tree Menu

Q: I just downloaded the beta for IE8

http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/Install.htm

And it looks like the java script menu code has a lot of issues with it. Are you guys going to be supporting IE8?

A: Yes, we're planning the full support for IE8 as well as for all major browsers.

All issues will be fixed with final version of IE8.



Q: Is there maybe a way that I can set up the menu so that it does not load at all until someone clicks on, say, a link, such as 'Products' and clicking on that link would then load the java menu buttons onto the page in the desired position?


A: Yes, you can do it.
Delete dm_init(); function from data file and use OnClick event foryour 'Products' link.

<a href="products.html" OnClick="dm_init();">Products</a>


Q: I was wondering if there is a way to disable links on a page for the script menu.I am creating a site where, in a certain mode, the page is in preview and Idon't want the links to work.

A: To disable your menu items you should set the following parameter to disable all items:

  var itemTarget="_";

Or you can disable items individually.

["Home","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["Product Info","", "", "", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],

You can also use function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function to disable items on-the-fly, for example:

dm_ext_changeItem (0, 2, 3, ["", "", "", "", "", "_", "", "", ""]);


Q: For the last two days I've been trying the above product, and I'm very impressed with its flexibility and features, and I'm about to buy it, I have only one question that I couldn't figure out the answer.

I'm using the Navigation BAR TABS. What should I do in order to link one of the horizontal drop menu tabs to the following object 'BLOG' as in the following example / piece of code. (When the user selects one specific tab, a blog should be displayed.

I'm looking towards your reply, as it seems your product is quite fit to perform the job in a straightforward manner.

A: See in Deluxe Tabs there is two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level horizontal drop menu items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:

"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],