Cmsimple Dhtml Menu by Deluxe-Menu.com
Cmsimple Dhtml Menu

Template:






    - Unlimited number of sub levels
    - Submenus dropdown on mouseover
    - Personal CSS styles for separate menu elements
    - Cross-frame support - menus work on frameset-based pages
    - 85% transparency for sub menus
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Search feature - add the search area in the menu and type symbols.
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Cmsimple Dhtml Menu Javascripts Menu Css

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your cmsimple dhtml menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Menu Dinamici Html Cmsimple Dhtml Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed cmsimple dhtml menu 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!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: What is wrong here ???

 ["|<div OnMouseOver=alert('This is a test');>ABMELDEN</div>", "Logout.asp", "icon2_s.gif","icon2_s.gif","","Abmelden",,"3"],


A: You should write:

 ["|<div OnMouseOver='alert(\"This is a test\");'>ABMELDEN</div>","Logout.asp", "icon2_s.gif","icon2_s.gif","","Abmelden",,"3"],


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 Deluxe 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 Deluxe Tree","http://deluxe-tree.com", "images/icon2.gif", "images/icon2o.gif", , , , , , , , ],
...


Q: I'm using your javascript onclick menu tabs. What exactly is bselectedSmItem for? I know that bselectedItem is the selected tab, but what is bselectedSmItem?

A: bselectedSmItem is index of the selected subtab.

You should use this javascript onclick menu parameter if you use   var tabMode=1;

If you use   var tabMode=0;
you should set it to:
  var bselectedSmItem=0;




Q: I would like to make the main bar for the menu javascripts more consistent in the spacing.

A: Try to set exact width for each top menu item using Individual Styles:

  var itemStyles = [
["itemWidth=131px"], //style0
];

  var menuItems = [

["home","", "", "", "", "", "0", "", "", "", "", ], //style0
["artist index","", "", "", "", "", "0", "", "", "", "", ], //style0
["the gallery","", "", "", "", "", "0", "", "", "", "", ], //style0


];

Buy Now!   ::  Free Trial Download   ::  More Info