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


Buy Now!  Free Trial Download

Menu Screenshots Treeview Prototype Javascript

Treeview Prototype Javascript Tree Fade Menu

Features Treeview Prototype 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed treeview prototype javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tree Onmouseover Styles Treeview Prototype Javascript
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
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".
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

Javascript Tree Menu. Expandable Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

Recent Questions Treeview Prototype Javascript

Q: When the menus drop down the background is white but it is see through, this is ok on the homepage but on the other pages it is making the text unreadable. Is there a way of keeping the background of the submenus solid so it isn't see through javascript expanding menu?

A: You should set the following parameter:

  var transparency="100";


Q: I've been working with your javascript menu sample and like what I see so far. One issue I have seems to be with the smColumns variable. I'm assuming it was for just the sub menus but in the trial when I change this the entire menu goes into multi- column mode. I exported the project to HTML thinking I could manually change it there, that produced the same result, changed the entire menu to multi-column.

Our menu will be dynamic (populated from SQL Server) with only some of the sub menus being multi-column. We will even have multiple sub menus for certain items and we'll need to have the capability to set which one of those will be displayed in Multi-columns and which ones will not. (See Below) So the question becomes; Is there a way to set the number of columns only for the javascript menu sample subitems we desire to have multi-column and if so how?

A: You should use Individual Styles and set number of javascript menu sample submenu columns foreach submenu individually.

  var menuStyles = [
["smColumns=2","smOrientation=undefined"],
];



Q: How do you created a multiple column for only one menu item.


A: More info about multicolomn menu you can find here:

http://deluxe-menu.com/multicolumn-menu-sample.html


Q: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem


A: See images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [

["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif