Javascript Tree Representation by Deluxe-Tree.com
Javascript Tree Representation


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Representation

Javascript Tree Representation Sliding Tree

Features Javascript Tree Representation

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tree representation 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 javascript tree representation samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menu Html Tree Javascript Tree Representation
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
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".
Cost Effective
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Use special prefixes for image paths and links to make paths absolute.
  • You can assign your own images for lines.

Recent Questions Javascript Tree Representation

Q: I am just starting to work with deluxe menu for a site that I am developing. I will soon be going through the purchase of a license but have not yet reached that point.
At the moment though, as I build the framework for the site locally on my computer, I notice that the menu behave a looks differently in IE 6 and Firefox (I am focusing on a CSS base menu). Is this something that will be worked out once I have purchased the licensing key or is there something else that I am missing?


A: JavaScript Tree Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try to specify unitsin "px":
  var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
  var menuHeight="20px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";

You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.


Q: Which parameters do I change so that the background of the top level menu names change their background?


A: If you want to change the background of the top level menu items onlyyou should use Individual Item Styles and change them.

For example, you have:

  var itemStyles = [
["itemBackColor=#8C63D8,#CBB8ED","itemBorderColor=#8C63D8,#CBB8ED"], //style 0
];
  var menuStyles = [
["menuBackColor=#8C63D8","menuBorderColor=#8C63D8"], //style 0
];

  var menuItems = [
["Text;", "link", "", "", "tip", "target", "0", "0"],
["Text;", "link", "", "", "tip", "target", "0", "0"],
];

Where "0", "1" - style number in itemStyles.

Please, use Deluxe Tuner application to create and assign individualstyles. You can find Deluxe Tuner in the trial package.


Q: We have been evaluating your menu control.
But we are not able to use PNGFix javascript which is used for transparent PNG image in our down navigation bar. Your menu is transparent but it goes one layes behind. It should come on top of all with transparecy.

Your reply could help us make a buying decision.

A: Unfortunately it is really so. PNGFix javascript won't work.

We'll try to add feature to use transparent PNG images in the next version of JavaScript Tree Menu.


Q: I created a custom error page for a site, but the menu would not display.

I found that this was due to the erroneous "current directory" in the bad link test, for a non-existent directory.

which is: level2/level3/

I changed the script code from:
<script type="text/javascript">  var dmWorkPath = "DMworkfiles/";</script>
<script type="text/javascript" src="DMworkfiles/dmenu.js"></script>

to:

<script type="text/javascript">  var dmWorkPath = "DMworkfiles/";</script>
<script type="text/javascript" src="/DMworkfiles/dmenu.js"></script>

adding the "/" before "DMworkfiles/dmenu.js" source reference allowed the .js file to be found in the root directory and the menu would display.

The problem is that the little menu "expansion" arrow .gif cannot be found in the "current working directory" of level2/level3/. just little "blanks" show.

I tried changing:
  var dmWorkPath = "DMworkfiles/";

to:
  var dmWorkPath = "/DMworkfiles/";

but that did not enable the display of the arrows.

I also had to prefix all of the links in the menu with a "/" to indicate the root directory because of the "current directory" for the bad page.

I hope I have explained the problem sufficiently.
What am I doing wrong or missing here?


A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters