Prototype Based Tree Menu by Deluxe-Tree.com
Prototype Based Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots Prototype Based Tree Menu

Prototype Based Tree Menu Javascript Tree Select

Features Prototype Based Tree Menu

Cost Effective
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
Creating Trees In Javascript Prototype Based Tree Menu
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
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.

  • 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 Prototype Based Tree Menu

Q: I am using the deluxe tree menu but i am facing problem while using ajax
so can you please guide me how can i use the ajax functionality for the dhtml tree..

A: To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1; // enables AJAX technology support

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.

More info you'll find here:
http://deluxe-tree.com/ajax-menu-loading-sample.html



Q: Is there anyway to embed particular fonts that I want to use with the javascript menu component?

A: See, for example you want to use HelveticaNeue Condensed font.
If there will be no HelveticaNeue Condensed font on the user machinethe font won't be shown correctly.
You can find another font similar to your font and write it through a comma.

You should choose the font among the following fonts:
Arial
Tahoma
Times New Roman
Trebuchet MS
Verdana
These fonts are installed on the most of windows computers.

Or you can create images with text and use it for the top items.



Q: I am looking to integrate your menu system into a CMS (Content Management System) such as Joomla. I was curious if you have any supporting documentation as to any steps that could make this any easier; or if its anything you have looked at previously. I know some menu systems actually have export modules in which it will export their system to a CMS compatible template; does this menu software have any of the functionality; or modules (even 3rd party modules) that perform similar function?


A: JavaScript Tree Menu wasn't developed as Joomla extension,BUT you can use it as standard Javascript files.
To create and configure your menus use Deluxe Tuner application

(included into the trial package): http://deluxe-menu.com/deluxe-tuner-info.html

Please, try the trial version.


Q: Thank you for such an excellent product. I have a question pertaining to the submenu items in your tree-menu line. My menus are 540px wide and contain lots of text with good sized pictures (icons). Can I use an iframe tag inside of the css menu submenu instead of simple text with this icon?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

  var menuItems = [
...
   ["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='search
the web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:
http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","",
"images/icons/search.gif", "", "", "", "", "2", "", "", "",],