Tree Menu Script

The Tree menu script lists sub-menus in tree format. Open or Close the submenus by a mouse click. Easy vertical menu navigation script.

Features

Mouce click to Open / Close submenus.
Allows HTML codes to be used inside sub-menus.
Fully customizable and fast loading.
Compatible with all major browsers and platforms.

Preview

Vertical Sub-Menu Navigation

Menu1

Menu2

©h

Downloads

Javascript Code

<script type="text/javascript">
var ass= 1;
var fonttt;
function addChildss(das)
{
var nam =das;
if(das == "menu1")
{
var tdr = document.getElementById("menu1");
removeChildss(fonttt);
fonttt = tdr.getElementsByTagName('font').item(0);
removeChildss(fonttt);
addChil(fonttt,"#","Submenu11");
addChil(fonttt,"#","Submenu12");
addChil(fonttt,"#","Submenu13");
}
else if(das="menu2")
{
var tdr = document.getElementById("menu2");
removeChildss(fonttt);
fonttt = tdr.getElementsByTagName('font').item(0);
removeChildss(fonttt);
addChil(fonttt,"#"," Submenu21");
addChil(fonttt,"#"," Submenu22");
addChil(fonttt,"#"," Submenu23");
}
}
function removeChildss(fonttt)
{
if(fonttt != null)
{
while(fonttt.hasChildNodes() && fonttt.childNodes.length > 1)
{
if(ass > 1)
{
fonttt.removeChild(fonttt.lastChild);
}
ass = ass+1;
}
}
}
var love = "yes";
function addChil(parent,linkname,textname)
{
var breaka = document.createElement("br");
var divs= document.createElement("div");
var link = document.createElement("a");
link.setAttribute("href",linkname);
link.style.color="#aa300a";
divs.style.marginLeft="8px";
divs.style.marginRight="4px";
divs.style.paddingLeft="3px";
divs.style.fontSize="12px";
divs.style.lineHeight="20px";
divs.style.border="0px green solid";
if(love == "yes")
{
divs.style.backgroundColor="#beefec";
love = "no";
}
else
{
divs.style.backgroundColor="#dfffdf";
love = "yes";
}
link.style.textDecoration="none";
var name = document.createTextNode(textname);
parent.appendChild(divs);
divs.appendChild(link);
link.appendChild(name);
}
</script>

HTML with CSS Code

Release Date - 18-09-2009
Get free version without ©copyright link for just $5/-
For customization of this script or any script development, mail to support@hscripts.com

Usage

Copy and paste the javascript code into your HTML page and make use of this.
Ability to define multiple Tree menus on the same page.
Vertical navigation of the Tree Menu.

License

The javascript (misspelled as java script) is given under GPL License.
i.e. Free use for those who use it as it is.
Free, if your modification does not remove our copyright information and links.
Detailed License information can be found here.
You can purchase the script if your requirements does not meet GPL License terms.