Html Collapsible File Tree by Deluxe-Tree.com
Html Collapsible File Tree


Buy Now!  Free Trial Download

Menu Screenshots Html Collapsible File Tree

Html Collapsible File Tree Tree Disable Menu Button

Features Html Collapsible File Tree

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
Dinamic Menu Tree Html Collapsible File Tree
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
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".
Easy Setup
  • De Luxe Tuner. GUI interface to create your html collapsible file tree menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use images for backgrounds of submenus and items, icons, arrows.
  • Use any amount of menus on a single page.
  • Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

Recent Questions Html Collapsible File Tree

Q: Thank you for your prompt reply. But i was wondering where should I paste this code? Can you please explain the working of the javascript toolbar menu function
dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

I have 5 items in the javascript toolbar menu : Admin Options, Status Report, Remarks, Edit Profile, Data Entry.

I want to disable some fields for different users.
I have 3 role id's set in my database.
I want certain fields disabled for different users.
For eg : For Roleid =1 , i.e admin , I want all items to be visible.
For Roleid =2 , i dont want the Admin Options to be visible.
For Roleid=3 , I dont want Admin Options & Status reports.

Can you please elaborate on the working of the changeItemVisibility function. I was confused as there were no examples to demonstrate the code.

A: Notice also that you should set

  var dynamic=1;

parameter to use API functions.



Q: Hello.How do I remove the 5 dashed lines that appear above the first treeof the Deluxe-Tree. These lines also appear in your XP StyleSamples but they don't appear in your Deluxe-tree homepage.

http://deluxe-tree.com/data-samples/tree-menuxp2.html


A: These lines appears when you use

  var tmoveable = 1; //movable menu

Try to set

  var tmoveable = 0;


Q: Pls help me with another question.

I have an horizontal menu in which the submenus drop down (as in example # 1 you have in your web).

For the first level items (which are horizontal), I do not want item spacing or itemPadding, that is:
  var itemSpacing=0;
  var itemPadding=0;

However, for the second and third level menu items, that drop down, I do need spacing and padding, like this:
  var itemSpacing=1;
  var itemPadding=1;

How can achieve this if, we have only one set of parameters??

Thank you very much and best regards


A: You should use Individual Styles.

You should set the following parameters:

  var itemSpacing = 0;
  var itemPadding = 0;

and create individual style for submenus
  var menuStyles = [
["menuBackImage=images/subm_back.gif","itemSpacing=1","itemPadding=1"], // add Spacing and Padding to the style which is used for the third level menu items.
["columnPerSubmenu=2"],
["itemSpacing=1","itemPadding=1"], //style 2
];

You should assign this style for the second and third level menu items

["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , , , , , , , ],
 ["|The JavaScript Tree Menu","http://deluxe-menu.com",
"images/icon2.gif", "images/icon2o.gif", , , , "2", , , , ], // assign Style 2
   ["||Features","", "images/icon3.gif", , , , "0", "0", , , , ], // assign Style 0
   ["|||First Column","", , , , , "0", "1", , , , ],
   ["|||Second Column","", , , , , "0", , , , , ],
   ["||Cross-frame Mode","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
   ["||Easy Installation","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
 ["|The Javascript/DHTML Tree","http://deluxe-tree.com", "images/icon2.gif", "images/icon2o.gif", , , , , , , , ],
...


Q: We are looking for how we have to do for the previously clicked item in the dynamic tree menu
remains highlighted to inform user what is his current page.
It is possible to achieve this behavior with your product?

A: You should use API functions in that case

function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_setPressedItem (menuInd, itemID)

See more info about API functions:
http://deluxe-tree.com/functions-info.html

See the samples:
http://deluxe-tree.com/dynamic-drop-down-menu-sample.html
and
http://deluxe-tree.com/highlight-selected-menu-item-sample.html