Javascript Dynamic Tree by Deluxe-Tree.com
Javascript Dynamic Tree


Buy Now!  Free Trial Download

Menu Screenshots Javascript Dynamic Tree

Javascript Dynamic Tree Tree View Fade

Features Javascript Dynamic Tree

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript dynamic tree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Create Tree Expand Menus Javascript Dynamic Tree
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
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
Buy Now!  Free Trial Download

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!

Recent Questions Javascript Dynamic Tree

Q: I have looked and looked but I cannot figure out for the life of me how to make the Icon ontop and the words on the bottom of java menu items, The class A and Class C words need to be at the bottom of the pictures if possible.

A: You can paste any html code within java menu items.

For example:

["<img src='image.gif'> <br>Class A ","","","",""]



Q: I have the trial of deluxe menu. We are in the process of purchasing it.

I just noticed that the div drop down menu are not going in front of a flash element that is on the page.

I have set the "opaque" value as per your faq.

Any other things I should check to get the div drop down menu to be in front of the flash element?

A: You should add the following function in the beginning of your data file

function dm_ext_ruleObjectHide()
{
return false;
}

See more info here:

http://deluxe-menu.com/objects-overlapping-sample.html



Q: I am contacting you on behalf of my client World of Envelopes as they currently use your menus. We are currently running their SEO campaign and would like to know what is search engine friendly about your new javascript hover menu?

Would it be possible for you to provide me with an example of a client that is currently using this new menu so I can assess the SEO ability of this menu.

A: You should generate search engine friendly code and install it on yourpage.
JavaScript Tree Menu is a search engine friendly menu since v1.12.
To create a search engine friendly javascript hover menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).

We use search engine friendly code on our website,
http://deluxe-menu.com

You can view source of the page.



Q: I would like to know how to define separator on itemstyle or how to show separator on menu items.

Thanking you in advance.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";