Html Tree Sample by Deluxe-Tree.com
Html Tree Sample


Buy Now!  Free Trial Download

Menu Screenshots Html Tree Sample

Html Tree Sample Popup Menu Tree

Features Html Tree Sample

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html tree sample 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 Floating Menu With Scroll Html Tree Sample
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
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.

  • Use images for backgrounds of submenus and items, icons, arrows.
  • Use any amount of menus on a single page.
  • Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

Recent Questions Html Tree Sample

Q: What I try to make is a menu dhtml with items having a border of only 1 px, also between the menu items. However it seems that Deluxe menu draws a 1 px line around every menu item giving an effective border line of 2 px between the area where the items touch each other. I want to have 1 px border also on the areas where the items touch each other.
Any suggestion how to fix this?


A: If you want to have the 1px border between the items only you canuse separators.

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];


Q: The dropdown menu works perfect locally, but when hosted it doesnt seen to work, im sorry i dont completly understand what you mean when using the other parameters to make it absolute... here is the html files, and the .js files included in a zip file.


A: Now on your website you have the following code:

["Home","C:\Documents and Settings\Josh\Desktop\Josh\Alsek Website\home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","C:/Documents and Settings/Josh/Desktop/Josh/Alsek Website/Pages/LiftKits.html", , , , "iframe", , , , ],
...

On your website you're using paths to the pages situated on a localdisk. It is not right.

You can try to write
["Home","pages/home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],
...

You can also use pathPrefix_link parameter.

  var pathPrefix_link = "http://www.domain.com/";

and write

["Home","home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],


Q: Is it possible to have your menu mouseover call one of my functions?
I need to change some text on the screen based on which menu itemis highlighted.

A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:

  var menuItems = [
["<div onmouseover='yourFunc()'>item text</div>"]
];

Where yourFunc() is Javascript function.



Q: How to set close javascript pop up menu effect in version 3.2?

A: You can use the following code to hide your javascript pop up menu

<script type="text/javascript">

javascript:document.getElementById('dm0m0').style.visibility='hidden';

</script>