Collapsible Menu Css Tutorial No Javascript by Deluxe-Menu.com
Collapsible Menu Css Tutorial No Javascript

Menu Screenshots

Collapsible Menu Css Tutorial No Javascript Popup Menu With Css

Features

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!
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
Right Click Popup Collapsible Menu Css Tutorial No Javascript
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible menu css tutorial no javascript menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: By the way, I'm not sure I know how to save a screen shot of the vertical drop down menu in the the browser window. Any tips will be appreciated.

A: To save a screen shot of your menu in the browser window you should do the following:

1) Open your website in the browser
2) Open any graph editor, for example Paint and press "Ctrl + V" buttons on the keyboardor go to "Edit / Paste".
3) Then go to "File / Save as".
Save as type - JPEG or PNG.
Select a folder where you would like to save a screenshot and click "Save" button.

Try that.


Q: We need to have the current Tuner running on our Mac to create rollover menus

A: We have MAC version of Deluxe Tuner (html version).

You should download free trial version on MAC.
So, you'll have MAC version of Deluxe Menus.

And use the licensed engine files from the licensed .zip
(you candownload it from the link in your license message).

Unfortunately we don't have html version of the Tuner for Deluxe Treeand Deluxe Tabs now.
We'll try to create it in the nearest future.

You can find all templates for Deluxe Tree, Deluxe Tabs, Popup Window, Calendar in thetrial package.
More info about installation and parameters you can find on our websites:

http://deluxe-menu.com
http://deluxe-menu.com/css-menu/
http://deluxe-tree.com
http://deluxe-tabs.com
http://deluxepopupwindow.com/
http://calendardatepicker.com/

Q: When a user clicks on a javascript flyout menu item, I want to run a javascript function.

How can I do this in the data file?

A: You can use your own Javascript code instead standard javascript flyout menu links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];



Q: I was using the trial version with no problems. However, once I upgraded to the full version as above, I am having problems getting my DHTML menus to work properly. I'm using xp pro with ie7. As I said before, I had no problems with the trial version.

Whenever I click on a menu java tab now, ie7 displays an error message in the corner. When clicked it reads:

Line: 18
Char: 16940
Error: 'tabs[...]id' is null or not an object
Code: 0

I am using the 'Microsoft Like Style' tabs template in your DHTML tuner software. I get no errors when the tabs are not linked to hidden <div> tags. However, when they are linked to display the hidden <div> tags I get the error. But they do still display the correct hidden <div> tags after 2 or 3 clicks.

A: Try to set the following menu java parameter:

  var bselectedSmItem=0;