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

Menu Screenshots

Css Collapsible Area Javascript Select Style

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsible area samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Sample Menu Design Css Collapsible Area
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and 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
  • Section 508 compliant
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



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: I have 2 questions about this script I would like to find out before purchasing:

1. Does it support 3rd and 4th level java script navigation menu?
2. How customizable is it style-wise, meaning, I have images I want used for the top level navigation, and background images for the rest. Any way I can achieve this?

A: 1) Yes, you can add as many levels in the java script navigation menu as you want.

2) Actually you can create any java script navigation menu with Deluxe Menu. You can use Individual Styles tocreate your menu. For example:

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma", "fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0", "itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];

Please, try the trial version and check menu parameters. Use DeluxeTuner to create your menu.



Q: I just download your Trial version, I was able to edit the Data.js for my menu, but I never foundhow to use th Mac HTML (GUI) Deluxe Tuner (to change Style for example...)


A: You can edit Individual Styles on MAC too.

You should click "Individual styles..." button and edit your style inthe appeared window.

Than you should assign individual style for the item.


Q: Now I experiences a problem with the Danish letters in the dhtml drop down menu generator! I have changed the letters in the scriptfile - but this does not work.

Have we a problem with Danish letters?

A: Notice that you should have UTF8 charset on your page too:
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

You can also use another charset on your html page and open your data file in text editor, enter thissymbols and save data file in the way you save your html page.

Notice that you should turn off "Tools/Use utf8 encode" setting inorder to open your data file correctly in Deluxe Tuner.



Q: Is it possible to make on top of the css tree menu 2 extra buttons:

* Expand all
* Collapse all

Which command do I use???

A: Tree Menu doesn't have such a feature now.

You can write your own function based on the following API functions:

function dtreet_ext_showItem (itemID, visibility)
function dtreet_ext_expandItem (itemID, expand)