Javascript Tree Styles by Deluxe-Tree.com
Javascript Tree Styles


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Styles

Javascript Tree Styles Tree Animated Menus

Features Javascript Tree Styles

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree styles samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Tree View Mouse Over Menu Javascript Tree Styles
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tree styles menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Javascript/DHTML Tree!

Recent Questions Javascript Tree Styles

Q: I have another question regarding the popup window. I need to use an iframe within the popup window. Is there any way I can close the onmouseover popup from the page loaded within the iframe? Something like "parent.document.getElementById('windowid').hide();". Any help would be appreciated.

A: You can close the onmouseover 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 accessdocument.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 situatedon the same page so you can access document.getElementById('win') element and hide it.

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

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

Your link will work in that case.


Q: That is what I need:

a) I build a menu with an item like this:
   ["||"Product1","http://127.0.0.1/product1.htm","","","",,"0",],

b) when I select that item, I need that page product1.htm loads into an iFrame.

Can I do this?


A: You should set the Iframe name as the target value in the menuItems.
You should also set the following parameter:

  var itemTarget = "";


Q: I can't get the popup menu sample (rightclick) to work in Opera. Does Deluxe-menu support opera for right-clicking?

Does Deluxe-menu have a gwt wrapper so we can use deluxe-menu as part of a GWT application?


A: Unfortunately, Opera doesn't support onContextMenu event.
More info you can find, for example, here:
http://lab.artlung.com/oncontextmenu/

JavaScript Tree Menu wasn't developed as Google Web Toolkit extension,BUT you can use it as standard Javascript files.

To create and configure your menus use Deluxe Tuner application(included into the trial package):

http://deluxe-menu.com/deluxe-tuner-info.html

Please, try the trial version.


Q: I am trying to make the tabs all the same width and would like to know how to do that. Therefore "Personal", "Account Summary", "Tax Exemptions", "Password", "Invoices", "Quotes", "VOIP" - I need them to all be the EXACT SAME width.


A: See, I've created Individual style

  var bstyles = [
["bitemWidth=250px"], // style 0
];

And used this style for some items

["Account Summary","AccountSummary", "tabs/img/icon_ie.gif","tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "",], // style 0
["Tax Exemptions","TaxExemptions", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "", ], // style 0

You can use this style for all items in the same way.

You should set the width of your Tabs
  var bmenuWidth="770px";
and width for each Tab
  var bstyles = [
["bitemWidth=110px"], // style 0
];

And assign this style for all items.