Show And Hide Side Tree Javascript by Deluxe-Tree.com
Show And Hide Side Tree Javascript

Template: Show And Hide Side Tree Javascript

Vista Style 2 Treeview Menu

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:

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





Buy Now!  Free Trial Download

Menu Screenshots Show And Hide Side Tree Javascript

Show And Hide Side Tree Javascript Tree Menu On Mouse Over

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

Features Show And Hide Side Tree Javascript

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
Tree Scrolling Navbar Show And Hide Side Tree Javascript
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
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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Use special prefixes for image paths and links to make paths absolute.
  • You can assign your own images for lines.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Show And Hide Side Tree Javascript

Q: I follow the installation instructions, but I’m getting the error "dmObjectsCheck is undefined" in my javascript popup menu.

What is it wrong?

A: You should open your data file in Deluxe Tuner and save it.

Check also that you've set the following parameter:

  var shadowLen="0";



Q: How do I set just one drop down menu hyperlink to open in a new window when the rest is set to _self?

A: You can set item's target for each item individually:

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



Q: Could you tell me if this drop down menus javascript work with Japanese fonts?


A: If you are using a Japanese system then everything should render correctly.
If you are using an English system with a Japanese IME then you willneed to set the font in the Tuner to one that supports the characters you require.


Q: For example if you use the Growing Goodness menu located under Media Categories the first category is Agriculture w/ a sub category "Community Supported (CSA)" it is the sub category that is an active link. Is it possible to have only the active link "Community Supported (CSA) underlined and not Agriculture? And the same for all the other active links in this menu, all that have hyperlinks assigned to them.

A: You can write your links in the following way:

["Channels","", , , , , , , , ],
 ["|<a class='menu' href='http://growinggoodness.com/callingfromthecoast.htm'>Eco-Friendly</a>","", , , , "_self", , , , ],
 ["|<a class='menu' href='http://growinggoodness.com'>Farmers Market</a>","", , , , "_", , , , ],
["Media Categories","", , , , , , , , ],
 ["|Agriculture","", , , , , , , , ],
   ["||<a class='menu' href='http://growinggoodness.com/csa.htm'>Community Supported (CSA)</a>","", , , , "_self", , , , ],
   ["||Movie Trailers","", , , , , , , , ],
   ["|||<a class='menu' href='http://growinggoodness.com/farmboymovie.htm'>Farmboy</a>","", , , , "_self", , , , ],
   ["|||<a class='menu' href='http://growinggoodness.com/strongrootsfragilefarms.htm'>Strong Roots, Fragile Farms</a>","", , , , "_self", , ,, ],
   ["|||<a class='menu' href='http://growinggoodness.com/therealdirtonfarmerjohn.htm'>The Real Dirt On Farmer John</a>","", , , , "_self", , ,, ],

And create a style:
A.menu {
color: #FFF;
text-decoration: none;}
A.menu:hover {
color: #FFF;
text-decoration: underline;}




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