Javascript Tree Checkbox Simple by Deluxe-Tree.com
Javascript Tree Checkbox Simple


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Checkbox Simple

Javascript Tree Checkbox Simple Tendina Javascript Tree

Features Javascript Tree Checkbox Simple

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
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
Tree Mouseover Sample Javascript Tree Checkbox Simple
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
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".
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree checkbox simple samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!
  • When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

Recent Questions Javascript Tree Checkbox Simple

Q: How do I make buttons in the navigation bar example transparent?

A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";

Q: Hello. I have noticed that when you expand a menu and then click to another page, the menu is collapsed on the next page. I read about "state saving" and tried the parameter which did not work. Is there a way to accomplish this?


A: You can see the example for state saving here:

http://dhtml-menu.com/tree-examples/tree-menuxp-save-state.html

This menu saves its state.
To enable this mode you should include dtree_ss.js file intoyour html page and set the following parameter:

  var tsaveState = 1;

See, if you open pages (with menus) from different folder itmeans that you open different menus. So, when you change a state, forexample, of the first menu within "content/" folder and then openanother page with the menu within "content/subfolder/", browsers looks for anothercookie file and can't find it and the second menu stays in a defaultstate. Is it clear?


Q: I have created a menu for a product tutorial. It consists of about 50 topics, each of which is listed in my menu. I’m wondering if there is a way to gray out the menu link for the open tutorial topic?


A: Unfortunately, JavaScript Tree Menu doesn't have such a feature.
You should write your own code, for example, on PHP.

You can try to use the following function

function disable() {
dm_ext_changeItem(1, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.

The example you can find on our site
http://www.deluxe-menu.com/dynamic-functions-sample.html

Please, see the source code.


Q: Is it possible to show a menu item in the simple navigation bar as selected by default to indicate what the current page is?


A: The menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>

...
<script type="text/javascript" src="menudir/data.js"></script>


You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page.
That is why you should write your own code on PHP.