Treeview Javascript Prototype by Deluxe-Tree.com
Treeview Javascript Prototype

Template: Treeview Javascript Prototype

XP Style Green Dynamic Tree Control

Disable/Enable Items
Some of items can be disabled by default.
To disable the item set item's target to "_".
For example:
["My Item", "mypage.html", "icon1.gif", "icon2.gif", "icon3.gif", "Short Tip", "_"]
On this example items "Sample 6", "New Sample 2", and "New Sample 5" are disabled.

Key features:

    - Several menus on one page
    - Status string shows item labels
    - Movable and floatable menu
    - Submenus expand/collapse on mouseover
    - Submenus automatically scrolls
    - Items with icons
    - Each item can have individual settings
    - Inactive/Disabled items





Buy Now!  Free Trial Download

Menu Screenshots Treeview Javascript Prototype

Treeview Javascript Prototype Ejemplos Tree Menu Vertical

Buy Now!   ::  Free Trial Download   ::  More Info

Features Treeview Javascript Prototype

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
Tree Menubar Submenu Dinamic Treeview Javascript Prototype
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your treeview javascript prototype menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • You can set default expanded/collapsed items and submenus.
  • After clicking on menu item selected item becomes highlighted.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Treeview Javascript Prototype

Q: Can you tell me why these two simple dhtml tabs menus are conflicting and overwriting?

A: Notice, when you have several dhtml tabs menus on the one page you should calldtabs.js file only once.

<script type="text/javascript" src="Top_Center1.files/dtabs.js"></script>



Q: Is it possible that a menuitem of the js dropdown menu stays highlighted after clicking and loading the new html site?


A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
  var pressedItem=1;
parameter on each html page.



Q: I can’t seem to figure out how to specify the width of individual horizontal menu items for the html menu. I would like to specify that each menu item on the horizontal take up just 113px regardless of the number of characters in the item. Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style. Forexample:

  var itemStyles = [
["itemWidth=113px"]
];
  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.



Q: We recently started using the JavaScript Tree Menu with Multiple Website License

I have a question when I tried creating a google sitemap xml using java menu creator.

All I get is a sitemap for the home page? Would the JavaScript Tree Menu have anything do with the sitemap generators not being able to crawl all the other pages on the site?

A: JavaScript Tree Menu will generate sitemap using links in your menu only.



Buy Now!   ::  Free Trial Download   ::  More Info