Jquery Tree Menu Windows Feel by Deluxe-Tree.com
Jquery Tree Menu Windows Feel


Buy Now!  Free Trial Download

Menu Screenshots Jquery Tree Menu Windows Feel

Jquery Tree Menu Windows Feel Simple Tree Layer Menu

Features Jquery Tree Menu Windows Feel

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
Dynamic Menu Example Tree Jquery Tree Menu Windows Feel
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
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery tree menu windows feel menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

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.

Recent Questions Jquery Tree Menu Windows Feel

Q: We are looking for documentation on how to use the onmouseover tab program. We purchased this also and we were not able to figure out the deluxe tab part.

A: You can find all documentation on our website, http://deluxe-tabs.com.

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],


Q: How I make to insert a code java in the event on click of the button "Ok", when this button is simple tree view?

A: You are able to paste any html code within items.

For example:

  var tmenuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'>
<nput name='as_q' value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","",
"images/icons/search.gif", "", "", "", "", "", "", "", "",],

You should write your own code within tmenuItem.



Q: Hi I have been using the trial version with deluxe tuner. The only problem I have had is that I cannot work out how to change the background colour of the menu (how it appears on the page as a menu bar when none of the dropdowns are activated) any help would be appreciated as I am considering purchasing your product but if I cannot change the colour then I am only limited to the sample templates you have supplied

A: Please, see the following parameters:

  var menuBackColor="#FCEEB0";
  var itemBackColor=["#FCEEB0","#65BDDC"];



Q: When the page initially loads, the sizing of all the tabsappear the way I want them to.
The first time any of the tabs are clicked on in the dhtml tab menu, I get a little bit of white space and a faint vertical line just to the left of tab 1.


A: Try to set your tabs in the following way:

  var bmenuItems = [

["TRACING SYSTEM","link:tracing.html", "", "", "", "AUTOMATED TRACING SYSTEM", "", "", "", ],
["DOCUMENT RETRIEVAL","link:docret.html", "", "", "", "DOCUMENT RETRIEVAL SYSTEM", "", "", "", ],
["ON SPOT BY BOOKING NUMBER","link:onspot.html", "", "", "", "ON SPOT BY BOOKING NUMBER", "", "", "", ],
["CUSTOMER PORTALS","link:portals.html", "", "", "", "CUSTOMER PORTALS", "", "", "", ],
["EDI","link:edi.html", "", "", "", "ELECTRONIC DATA INTERCHANGE", "", "", "", ],
["GPS TRACKING","link:gps.html", "", "", "", "GPS TRACKING", "", "", "", ],
["WMS","link:wms.html", "", "", "", "WAREHOUSE MANAGEMENT SYSTEM", "", "", "", ],
];

You should also set
  var bselectedItem=0;
to select your first item by default in that case.