Jquery Collapsible Multi Level Side Menu by Deluxe-Menu.com
Jquery Collapsible Multi Level Side Menu

Template:

Red Menu Template - Movable Menu





    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Filters and Transitional effects
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Status string shows item labels
    - Personal CSS styles for separate menu elements
    - Several menus on one page
    - Submenus automatically scrolls
    - Inactive/Disabled items




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

Menu Screenshots

Jquery Collapsible Multi Level Side Menu Popup Position Css

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

Features

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
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!
Tree Javascript Dropdown Jquery Collapsible Multi Level Side Menu
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery collapsible multi level side menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

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

Recent Questions

Q: I think that your product is great makes everything look nice and professional with the drop down menu Items. My question is I have certain menu Items that I will need to disable at certain times. I do this now using a standard button and grabbing my parameters from an SQL database. Is there a way for me to basically pull which menu items I need disabled and present the customized menu for each client. I have read that your product has this ability I was looking for a little guidance or maybee a write up on someone that has done this.


A: Unfortunately, Deluxe Menu doesn't have such a feature.
You should write your own code, for example, on PHP.

You can try to use the following function

function disable() {
dm_ext_changeItem(1, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.

The example you can find on our site

http://www.deluxe-menu.com/dynamic-functions-sample.html

Please, see the source code on this page.


Q: I need the flyout menus in the flash navigation bar to be able to be different widths.

A: Actually the submenu width is depend on the item's size.
You can alsowrap item's text.
Set   var noWrap=0; or use standard <br> tagsinside items' text:

 ["|very long text <br> in Item 14","", "", "", "", "", "3", "1", "", "", "", ],

You can set exact width for each submenu using IndividualSubmenu Styles.


Q: I want to buy your product today, but have a few questions:

How do I change the font style for java menu templates to 9pt Verdana bold, but leave the sub-menus 9pt Verdana normal? I understand there’s a "fontStyle" variable, but is there an "itemfontStyle"? How do I make the left hand padding greater for the menu? I’m using the XP Style 1 and the far left top menu item is running up against my left hand border. I want to add about 10px of spacing to the left of the menu. How do I make the options in a menu have equal spacing? For instance, if there are 5 items in the menu, how can each have 100% / 5?

A: You can use Individual Item styles to set specific parameters for eachitem or submenu.

1.
  var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems
//style for the top items
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];

2., 4. You should specify itemPadding parameter in "px". You shouldadd "px" in your style for subitems:
  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px
top right bottom left
4. You should set the exact width for the java menu templates:
  var menuWidth="500px";
and set width for the top items using Individual styles:
["itemWidth=100px","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],

Unfortunately it is not possible to specify item's width in '%' inIndividual styles. The following width parameters won't work.

  var menuWidth="100%";
["itemWidth=20%","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],



Q: Your product seems to have menus draw only in a fixed 'hardcoded' direction ( opens either left or right )

is it possible to customize so that it is "self-aware" of the client browser window size...

"if there's room draw to the right, if not, open the menu to the left..."


A: You can see your submenus in any case.
They won't drop down out of the browser window.
Please, check it.

More info about the ways of showing submenus you can find here:

http://deluxe-menu.com/ways-showing-submenus-sample.html


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