Treemap Javascript by
Treemap Javascript

Buy Now!  Free Trial Download

Menu Screenshots Treemap Javascript

Treemap Javascript Javascript Tree Animated

Features Treemap Javascript

  • 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your treemap javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Layers Javascript Tree Treemap Javascript
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed treemap javascript 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
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.

  • 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 Treemap Javascript

Q: I'd like to purchase your deluxe menu, but for the life of me I cannot figure out how to align the javascript sub menu to the top of the primary menu in Firefox. It aligns correctly in IE but in Firefox it is dropping by 20 pixels or so below where I want it.

A: This is space to document borders. We've set this space, so that yourjavascript sub menu will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:


Change 15 to 0.


Q: Is it possibly that menu dynamic remembers the last action if I go to previous page?(so the menu stays fault out)
I know TreeMenu does this, but I want to use DeLuxeMenu

A: JavaScript Tree Menu doesn't save state as Javascript/DHTML Tree.

But you can set pressed item on each page with JavaScript Tree Menu using
dm_ext_setPressedItem () funtion.

Find more info:

Q: Can data be loaded dynamically?
For example, can your dhtml menu source code load the child of a node once the node is clicked on?

A: You can use AJAX like technology.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- JavaScript Tree Menu -->
<noscript><a href="">Javascript Menu by</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)

The example of the menu working with PHP/MYSQL you can find here:

Q: I want to separate the main items with an image in the website navigation bar.

A: To add a separator you should

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

You can create separators using menuItems
(you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],