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


Buy Now!  Free Trial Download

Menu Screenshots Ajax Tree Menu Tutorial

Ajax Tree Menu Tutorial Tree Collapsible Menu Simple

Features Ajax Tree Menu Tutorial

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 Tutorial Dropdown Ajax Tree Menu Tutorial
Easy Setup
  • De Luxe Tuner. GUI interface to create your ajax tree menu tutorial 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 ajax tree menu tutorial 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.

  • These effects will make your menu more attractive and stylish. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions Ajax Tree Menu Tutorial

Q: I am working with drop down menu creator that I just downloaded and am having problems with where the menu is being placed. It looks likemaybe the "trial" logo is in the right spot but the menu is appearing several rows below where I insert it. Any ideas?

A: Try to set the following parameters:

  var posX="0px";
  var posY="0px";



Q: I played with it and I got the tabs java script horizontal menu to work. but having problems with them:

1. I want the tabs to open when you mouse over them, not when you click. Is it possible to do this?

2. I want the tabs to close when your mouse leave them. Can I do this?

3. It keeps saying "Incorrect key" when you click on them. Is it possible to fix them?

A: No, unfortunately it is not possible in Deluxe Tabs.

But you can use JavaScript Tree Menu to create such java script horizontal menu.

To create such menu you should set the following parameters:

  var smOrientation=1; //horizontal orientation of submenus
  var subMenuAlign="pleft"; //submenu position (left align)
  var smHidePause=-1; //your submenus won't be hidden till you click orscroll the page.

"Incorrect Key" message means that you didn't paste your reg. key into data.js filewith your menu.

You should paste your key parameter into .js file where your java script horizontal menuparameters (vars) and items (  var bmenuItems) are placed.You should paste the following code at the beginning of the file:

/*
JavaScript Tree Menu Data File
Created by Deluxe Tuner v3.2
http://deluxe-menu.com
*/

  var key="XXXXXX";

// -- Deluxe Tuner Style Names

Where XXXXX the key from your license message.
Try to clear also browser cache.

Notice your key will work on registered domain only. It won't work onlocal machine.



Q: I can't find anywhere in your documentation that states where I can call this function onclick other than in the menu web page target.

A: You can use onclick event in the following way:

  var menuitems = [
["<div onClick='getLink(\'/Admin/Sales/Customers/Customers.asp\')'>Table of Contents</div>", ""]
];


Q: Hello I am testing your product JavaScript Tree Menu, and want to create a special tree-menu.

I have a question:

Is it possible to have two icons in front of each dhtml menu item?

I need two icons in front of each menu-item that will symbolize an alarm and a sabotage-alarm.

I want to use animated gifs on these so that I can visualize alarm and sabotage on each menu-item.

But I also need an icon on the right side of the menu to show if the menu-item is expanded or not.

I want the structure to be like this:

Icon | icon а| Main menuitem1а | expandedicon

   Icon | icon | sub menuitem1 | expandedicon

     Icon | icon | sub menuitem1.1 | expandedicon

     Icon | icon | sub menuitem1.2 | expandedicon

Icon | icon | sub menuitem2 | expandedicon

Icon | icon а| Main menuitem2а | expandedicon

Is this possible to achieve with your menu?

A: Yes, it is possible.
Actually you can use any html code within menu items.

 ["|<img src='default.files/icon1_so.gif' style='margin-right: 10px'>Home","testlink.htm", "default.files/icon1_s.gif","default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],