Simple Onclick Javascript Tree Menu by Deluxe-Tree.com
Simple Onclick Javascript Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots Simple Onclick Javascript Tree Menu

Simple Onclick Javascript Tree Menu Tree Drop Down Menus Rollover

Features Simple Onclick Javascript Tree Menu

Easy Setup
  • De Luxe Tuner. GUI interface to create your simple onclick javascript tree menu 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 simple onclick javascript tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tutorial Menu Vertical Tree Simple Onclick Javascript Tree Menu
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
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 system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Javascript/DHTML Tree!

Recent Questions Simple Onclick Javascript Tree Menu

Q: In IE first tab of tabbed navigation is coming selected but in firefox it is not coming selected.

A: Check the following parameters:

  var bselectedItem=0; //top items
  var bselectedSmItem=1; //submenus

Notice that all indexes starts with 0.


Q: I am trying to setup a popup tab menu like the one that you have on top part of your web pages (containing items; "Home", "Product Info", "Sample"...).

Right now I am using <div id=""> tag to load everything and break the content into each tab, but it is taking a long time to load everything first then break them down into tabs. So I thought maybe having each tab's content in each page, and have a link to each page would be more efficient. But when I put a link for each tab, for example "link:www.google.com" I get an javascript error saying "tabs[...].id is null or not an object". When I test this straight from Deluxe Tuner, I get the same message.

Can you tell me what I am doing wrong here? Or is there any better way to solve my problem? Thanks in advance.

A: Check that you have style=" visibility: hidden;" for your DIVs
<div id="content1" style=" visibility: hidden; height: 400px;" class="tabPage">

> But when I put a link for each tab, for example
> "link:www.google.com" I get an javascript error saying "tabs[...].id is
You should write:
link:http://www.google.com


Q: I really enjoy your tools and methods to create superb menus! On your webpage http://deluxe-tabs.com under "Product Info" and the tab "Individual Item Styles", you give an example how to make a "brind to front effect". I have tested it and works nice - but: When you add a subitem, won't one of the right javascript menu image come along - either on mousover or on selected. What do I have to do to fix that?

I'm very grateful for your answer!

A: These examples were created for the

  var tabMode=0;

only (tabs without submenus).



Q: I pushed the js files you attached and it fixed my Trial error message but now my left menus APPLMENU.JS and APPL2MENU.JS won't mouse over and won't open the submenus and it gives a javascript error.


A: Now you have several errors in you data files appl2menu.js andapplmenu.js.

Now you have
  var menuBackColor="cccccc";
  var menuBorderWidth="";
  var itemBorderWidth="";

This is not right.
Try to write them:
  var menuBackColor="#CCCCCC";
  var menuBorderWidth="0"; //this parameter cannot be empty
  var itemBorderWidth="0"; //this parameter cannot be empty