Dhtmltree Spec by Deluxe-Tree.com
Dhtmltree Spec


Buy Now!  Free Trial Download

Menu Screenshots Dhtmltree Spec

Dhtmltree Spec Tree Popup Relative Position

Features Dhtmltree Spec

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
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 Menu Examples Dhtmltree Spec
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtmltree spec 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 dhtmltree spec samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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 set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu.Choose any color for backgrounds of submenus and items. Use special prefixes for image paths and links to make paths absolute.
  • You can assign your own images for lines.

Recent Questions Dhtmltree Spec

Q: I am evaluating your Deluxe Tuner / Tab program and was wondering how to add content below the tabs, like you have on your site.

You have the tabs, then a content area below each tab. How is this done with your product.


A: You should use ID attribute of object to show in the second parameterof bmenuItems. You set it in the "Item Parameters" window ("Link"parameter).

You should also set:
  var tabMode = 0;

So, you'll have, for example, the following bmenuItems:
["tab text","div1", ...],
["tab text","div2", ...], Here "div1" and "div2" is IDs of objects within your html page, for example:
<div id="div1">text 1</div>
<div id="div2">text 2</div>

You can also see examples, which you can find in the trial package.


Q: I was wonder if there was a way to have the css tree view already expanded with I open the page the menu is on instead of having to expanded every time.

A: The following parameter expands all menu items by default:
  var texpanded=1;

Q: I never succeed to see the images in the dhtml menu examples using my default folder hierarchy (ie : a folder for the html files and a folder for the js files). The only way for me was to create the data.files folder in the html folder. It works but it does not follow my production standard. Did I forget something ?

A: You should set relative paths according to your html page.
For example, you have such file structure:
web-content/
   data/
     dmenu.js
     data.js
   Artwork/
     image.gif
     ...
   pages/
    1.html // page with the dhtml menu examples
    2.html // page with the dhtml menu examples
...

So in Deluxe Tuner you should open image.gif file.
You will have, for example:
d:\webpages\site\web-content\Artwork\image.gif

Then you should delete "d:\webpages\site1\web-content\" and add ../prefix. The path will be:

../Artwork/image.gif

You can also set path_prefix
  var pathPrefix_img = "../Artwork/";

Or you can try to use absolute paths, for example:
  var pathPrefix_img = "http://domain.com/images/";



Q: I paid for the Deluxe Tabs and built them the way I wanted with little modification. Everything is working fine except in Internet Explorer 6 on Windows. If I click on another of the 4 tabs in my navigation tabs, the content doesn't change.

A: You should set the following parameter:

  var bselectedSmItem=0;

You should also add style="visibility: hidden;" for a content DIVs.
You won't see the content of all tabs when your page loads in thatcase.

<div id="tabcontent1" style="visibility: hidden;">
<div id="tabcontent2" style="visibility: hidden;">
...