Template: Yahoo Yui Dynamic Tree Highlight

Mac OSX Javascript Treeview Menu

The template emulates Mac OSX menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support.
    - Items have icons
    - Animation effect for subitems
    - Menu has a static position and is placed within the table cell

Key features:

    - different speed for an animation for submenus
    - 3-state icons for each item
    - Vertical orientation of the Tree Menu
    - Filters and Transitional effects
    - Inactive/Disabled items
    - Status string shows item labels
    - Submenus automatically scrolls
    - Several menus on one page

Menu Screenshots Yahoo Yui Dynamic Tree Highlight

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

Features Yahoo Yui Dynamic Tree Highlight

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

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Javascript Collapsible Menu Tree Yahoo Yui Dynamic Tree Highlight

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed yahoo yui dynamic tree highlight 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

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

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

Javascript Tree Menu. Expandable Menu.

You can create 3-state icons for each item: normal state, mouseover state, expanded state.
Use images for icons, backgrounds of submenus and items.
You can use with any amount of menu and submenus on one page.
Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

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

Recent Questions Yahoo Yui Dynamic Tree Highlight

Q: How do I make the main nav links in the dhtml navigation align left (they are center aligned).

A: Try to use the following parameter:

var itemAlignTop="left";

Q: I didn't specify link for the item, but the problem is the mouse cursorchanges to a hand, when the item of the web navigation bar (not link) is mouse over.

A: Unfortunately there is no way to change cursor for items with links and without links.

You can try to use <a> tag inside the text field:

["<a href="http://domain.com/index.html">test</a>","",""]

Set default cursor:
var titemCursor="default";

Q: If need to make changes do I need to replace all the files and folder and script in all the web pages? Or are there just one or two files that need to be replaced? Which files or folders?

A: You need to change only your data.js (by default) file. It is thefile with your menu parameters.
Then you should upload this file on your server and may be add somenew images. That is all.

Q: Does you tree menu javascript support right-to-left layout?
That is to say it opens the branches/submenus from the right to left.

A: Yes it is possible to create a menu for right-to-left languages with Javascript/DHTML Tree in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">. You should set the following parameters:

  var titemAlign="right";
  var ticonAlign="right";
  var texpandBtnAlign="right";

JavaScript Tree Menu support right-to-left languages.
In JavaScript Tree Menu you can set the following parameter:

  var dmRTL = 1;

Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

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