Richfaces Tree Javascript Object by Deluxe-Tree.com
Richfaces Tree Javascript Object

Template: Richfaces Tree Javascript Object

Vista Style 6 Dhtml Menu Tree

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

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

Key features:

    - Several menus on one page
    - Movable and floatable menu
    - Image arrows
    - Vertical orientation of the Tree Menu
    - Submenus expand/collapse on mouseover
    - Inactive/Disabled items
    - Relative/Absolute menu position
    - Filters and Transitional effects





Buy Now!  Free Trial Download

Menu Screenshots Richfaces Tree Javascript Object

Richfaces Tree Javascript Object Tree Drop Down Menu Dhtml

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

Features Richfaces Tree Javascript Object

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
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 Mouseover Menu Download Richfaces Tree Javascript Object
Cost Effective
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".
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 Richfaces Tree Javascript Object

Q: Also. I'm very pleased to see a change font mouse over event, but I can't find where to change this in java menu program, can you help ?

A: You can set font color for mouse over state in java menu program (Font/section fontStyle parameter).



Q: I'm struggling with one last issue on my navigation. When you have a screen resolution about the same size as the site width, when a sub menu pops up, It displays sometimes to the left of the first drop down menu list rather than the left. Is there a way of changing the way this displays if the screen size is smaller than 800px wide or so.

A: If there is no enough room on the right side of your browser windowdrop down menu list submenus will be shown on the left side.



Q: I see most of the sub-menus of the navigation bar (if there is space on the left side),
they are opening on the left side instead of right side..Could you please let me know how to fix it.

A: You should change the following parameter:

  var subMenuAlign="right";

to

  var subMenuAlign="left";




Q: I regret to inform you that I have not fail understand, how can change place of the icon in software Deluxe Tuner(Menu).


A: You should add icons for the item in the "Item Parameters" window.

Now you have:
  var arrowImageMain=["vertikalno menu.files/icon_office_tuner2.gif","vertikalno menu.files/arrv_black.gif"];
  var arrowImageSub=["vertikalno menu.files/arrv_black.gif","vertikalno menu.files/arrv_black.gif"];

But you should add "vertikalno menu.files/icon_office_tuner2.gif" iconin the "Item Parameters" window.

So you will have in your menuItems
  var menuItems = [

["New Item","testlink.html", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","http://deluxe-menu.com/order-purchase.html", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , "_blank", , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","testlink.htm", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],


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