Html Tree Expand Collapse Example by Deluxe-Tree.com
Html Tree Expand Collapse Example


Buy Now!  Free Trial Download

Menu Screenshots Html Tree Expand Collapse Example

Html Tree Expand Collapse Example Pop Up Tree

Features Html Tree Expand Collapse Example

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
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 Jump Menu Frames Html Tree Expand Collapse Example
Easy Setup
  • De Luxe Tuner. GUI interface to create your html tree expand collapse example menus easily and in no time
  • Sensible menu parameters for manual editing
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".
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
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 Html Tree Expand Collapse Example

Q: I want you to start modifying on your menu items in menu.js to get the caption from prestext. If you look at the bottom of commonfooter.html, you will see code like

<a target="_top" class="sidenav" href="<%=strprefex%>WillPlanning.asp?SessionID=<%
=sessionid%>&UserName=<%=Username%>" onclick="RedirectToParentPage=''; return CheckForChanges(1024,'')">
<%=GetPresText("WillCreatorBug",rsmenu)%></a>


A: You can use any html tags within item text, for example:

  var menuItems = [

["<a target='_top' class='sidenav' href='<%=strprefex%>WillPlanning.asp?SessionID=<% =sessionid%>&UserName=<%=Username%>'
onclick='RedirectToParentPage=''; return CheckForChanges(1024,'')'>Home<%=GetPresText('WillCreatorBug',rsmenu)%></a>","", "", "", "", "", "", "", "", ],


Q: Is it possible to have the "parent" item be purely an image but the dropdown portion of the menu being in regular text?

What we want to do is show emulate a basic text look for the main menu headings but the font is a special font so we have to use an image. When hovered over we'd like to replace the image (i.e do a rollover) with the same text but a different color.


A: Yes you can create such menu.
You should use images for the main items.

You should write your menu items in the following way:
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],


Q: For any reason dropdown menu in javascript know shows incorrect accented characters.

A: You can save your data file in UTF-8 in Windows version of DeluxeTuner v3.2.7.

You should turn on "Tools/Use utf8 encode" property.
In that case your data file will be saved in UTF-8 encode.

Enter these symbols and save your data file.

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.

You can also replace your letters with special sets, for example
&Eacute; - Capital E, acute accent - E
&ccedil; - Small c, cedilla - c
  var menuItems = [

["&Eacute;....","testlink.html", "", "", "", "", "", "", "", ],
["&ccedil;....","testlink.html", "", "", "", "", "", "", "", ],


Q: I downloaded the trial versionto try and it seems like it should do the horizontal sub menus, but not sure what parameter controls it. Can you help?? The effect I am looking for is this:

About Us    Product    Contact
                   Widget 1    Widget 2    Widget 3

Hope you can help!


A: You should use the following parameter:

  var smViewType=0;