Tree Menu Javascript by Deluxe-Tree.com
Tree Menu Javascript


Buy Now!  Free Trial Download

Menu Screenshots Tree Menu Javascript

Tree Menu Javascript Hover Submenu Css Horizontal Tree

Features Tree Menu Javascript

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

Q: Is it possible to not download (pre-load) the images in the javascript menu array (some attributes in the data.js file ..)?

I would like to download them only on rollover on the submenu... I am aware of the ajax version of the menu, but ....

A: Set the following parameter:
  var dm_writeAll=0;

You can also use AJAX feature, see more info here:

http://deluxe-menu.com/ajax-technology-menu-sample.html


Q: How do I get started with JavaScript Tree Menu? Do you have a link with instructions?

I designed my own website with DreamWeaver 8.0 ( www.lesvants.com ) but don't have a clue as to how to start designing with your product.


A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

JavaScript Tree Menus weren't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html

That's all.

It is possible that Dreamweaver changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.

Create your menu in Deluxe Tuner application
.You can create any menu as you like in Deluxe Tuner.

Please, try to download trial package once again. We added alltemplates in Deluxe Tuner Templates window.

Unfortunately, Deluxe Tuner doesn't copy all need images forVista Template into your folder. You should do it manually.After you create your menu in Deluxe Tuner you should copy all images youneed for the menu into your folder and correct images paths.You should set the following parameter
  var pathPrefix_img="";

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.

Try that.


Q: Could you please just help me - I have been using quirks mode to create our customer sites and would now like to start using a proper doctype like:



But when I change it, all the down menus dhtml break on the sites.

A: Try to specify all units in "px":

  var itemPadding="3px";

  var itemStyles = [
["fontStyle=normal 11px Lucida SansUnicode","fontColor=#FFFFFF,#FFFFFF","itemBackColor=#DE2829,#C62829","itemBorderWidth=0",
"itemBorderColor=#FFFFFF,#C21212","itemBorderStyle=solid,solid",
"itemBackImage=blank.gif,blank.gif","itemWidth=160px"], ["itemWidth=129px"],
];

  var menuStyles = [
["itemSpacing=0", "itemPadding=8px"]
];




Q: In Firefox, the java popup menu is hidden behind Flash player. Anyway to fix this?


A: See fix for flash in Firefox here:

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