Template: Javascript Category Tree

Vista Style 7 Tree Dhtml Menu

The template emulates Vista OS menu style. This is image based template. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support. Animation effect for subitems
    - Icons for the expand/collapse buttons
    - Background image for the menu
    - Menu has a static position and is placed within the table cell

Key features:

    - Submenus expand/collapse on mouseover
    - Status string shows item labels
    - Submenus automatically scrolls
    - Vertical orientation of the Tree Menu
    - 3-state icons for each item
    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - Items with icons

Menu Screenshots Javascript Category Tree

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

Features Javascript Category Tree

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

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".

Tree Expanding Menus Javascript Category Tree

Easy Setup

De Luxe Tuner. GUI interface to create your javascript category tree menus easily and in no time
Sensible menu parameters for manual editing

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript category tree samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

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 Javascript Category Tree

Q: I need to set individual itemtargets for a number of menu items for the web drop down menu?

A: You can set target parameter for all items:
var itemTarget="_blank";

or var itemTarget="main";

Where main - is the name of the main frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],

Q: I evaluated JavaScript Tree Menu over the weekend and I really like it. I believe I'll be buying it this week. I have one question. Is it possible for the menu to be aware of what page you have selected and highlight the corresponding menu item on that page.

A: You should 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.

Q: There is a portion of my site that is set to produce frames and I was wondering if there is more information about setting links in a javascript collapsable menu to selected frame pages?

A: You can specify target parameter for each item in javascript collapsable menu individually.

For example you can specify the name of the frame in the menuItems where you would liketo open your link:

["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "frame", "", "", "", ],

Q: We are in the stage of design, we have a requirement to have the items
fly out from right to left in the dhtml menue.

A: The following parameter controls the ways of showing submenus:

From left to right:

  var subMenuAlign="left";
  var subMenuVAlign="top";

From left to right + upwards:

  var subMenuAlign="left";
  var subMenuVAlign="bottom";

From right to left:

  var subMenuAlign="right";
  var subMenuVAlign="top";

From right to left + upwards:

  var subMenuAlign="right";
  var subMenuVAlign="bottom";

You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html

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