Cooljs Tree Sample by
Cooljs Tree Sample

Buy Now!  Free Trial Download

Menu Screenshots Cooljs Tree Sample

Cooljs Tree Sample Html Menu Scripts Jscript Tree

Features Cooljs Tree Sample

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your cooljs tree sample menus easily and in no time
  • Sensible menu parameters for manual editing
Vertical Tree Expanding Menus Cooljs Tree Sample
  • 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
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
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".
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Cooljs Tree Sample

Q: Is it possible to open a specific tab in javascript menu samples using javascript? For example something like;

A: You can try to use the following function:

dtabs_itemClick(menuN, itemN);

menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

Q: I'm trying created an independent menu from my html pages.
I have several pages stored in directories and subdirectories,
I would like to call theses pages from a single dhtml menu script.

A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "";
  var pathPrefix_link = "";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "";
  var pathPrefix_link = "";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],

So, link path will be look so:

Images paths will be look so:

Please, try to use these parameters.

Q: How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items? For instance, I want to know how to apply background images for the submenus, but not for the menu items. I also want borders around the submenu ITEMS, not just the entire submenu. Here is the link to my page with the menus. The menu I am referring to is the top right hand menu (black with grey).

A: Create Individual Item and Submenu styles and assign it to your submenu items.

  var itemStyles = [

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","menuBorderStyle=none","itemSpacing=0","itemPadding=0px 0px 0px 10px"],

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "", "", "",],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],

Assign Individual Items style to all submenu items and Individual Submenu Style for the first item in each submenu.

Q: Can I change some of the properties of a browser popup window after it has been created/opened?

A: You can use function to open your popup:

function"winID", "content", "header", "param", "skin", "contentType")

Find more info:

Call this function once again with new parameters when you want to reload the window (usethe same winID).