Css Collapsible Tree by Deluxe-Menu.com
Css Collapsible Tree

Menu Screenshots

Css Collapsible Tree Web Javascript Sample

Features

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
  • Section 508 compliant
Cost Effective
Menu Desplegable Con Java Script Css Collapsible Tree
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsible tree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: Many thanks for your response.
What I meant to say was that the Deluxe tabs onmouseover maker did not include the vertical tabs as part of its repertoire and as a result, I was not able to produce it and integrate it into my page. I am not confident that I can edit the HTML adequately to make it work on my site if the Deluxe Maker did nod not generate it. I will look at this again and see if I reinstall the deluxe tuner whether it will generate the data for the vertical tabs.
Many Thanks for your assistance.

A: Set '$' symbol in the beginning of items text to start new row:

  var bmenuItems = [

["Item 39","", "", "", "", "", "", "", "", ],
["$Item 40","", "", "", "", "", "", "", "", ],
["$Item 41","", "", "", "", "", "", "", "", ],
["$Item 42","", "", "", "", "", "", "", "", ],
];

You can open the data file for this sample in Deluxe Tuner and changeit.

C:\Program Files\Deluxe Menus Trial\deluxe-tabs\tabs-vertical.js



Q: Is there a way to capture user click event just like the one in the javascript menu sliding?

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];



Q: I downloaded the trial version and gave it a run.
I cannot get thebackground color of the menu to change – it this a limitation of the trail version or a bug?


A: No, it is not the limitation.

Please, set these parameters:

  var menuBackColor="#000000";
  var menuBorderColor="#000000";
  var itemBackColor=["#000000","#000000"];
  var itemBorderColor=["#000000","#000000"];


Q: I have seen menu like this when i scroll the page the manu will scroll follow.....can delux menu do that ?
If can how ?


A: You should use floatable feature.

You should set absolute coordinates for your menu
  var absolutePos=1;
  var posX="10px";
  var posY="10px";

  var floatable=1;

You should also check that you have dmenu_add.js file in the samefolder with dmenu.js.