Slide Out Submenu by Deluxe-Menu.com
Slide Out Submenu

Template:

iPhone 5 Template - Cascading CSS Menu






    - Sound support!
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - UL/LI items structure
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Inactive/Disabled items
    - Text aligned to left
    - Hundreds of pre-designed templates




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

Menu Screenshots

Slide Out Submenu How To Make A Down Menu

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed slide out submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Clear Drop Down Menu Slide Out Submenu
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
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!
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do I make buttons in the navigation bar example transparent?

A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";

Q: Is there any way to call a javascript function on mouseover from a menu item?

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];

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

  var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];



Q: I am using a licensed copy of Deluxe Menu and am extremely happy with the software and the functionalities provided. Great Work !!

I wanted to know how to hide/ disable the item in the javascript text menu for a particular user/roleid in .ASP.Net1.1 Kindly help me out with this problem as soon as possible.

A: You can find more info here:

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

You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

To disable items you should set the target parameter to "_".

You can try to use the following function

function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}

to disable items in your javascript text menu.



Q: We recently bought your product.

We are developing in ASP.NET (VB) and we have a problem making you deluxe menu dynamic to suit our needs. We are using the Deluxe Menu.

The problem is each time a page with dhtml nav loads, we want to be able to generate the menuItems variable to reflect the options the individual user has, so it can't be hard coded into data.js it MUST be provided by an aspx file and attached somehow. I can't work out how to attach the variable (even a static one) as a separate file, so if you can do it with a static one, we can extend it to a dynamic one later.

For example the JS in the data.js file we want the MenuItem dimension you be loaded in a seperate file, some kind of include.

  var menuItems = [
["Home","index.aspx", "", "", "", "_self", "", "", "", "", "", ],
["About","about.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Contact","contact.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Help","", "", "", "", "", "", "", "", "", "", ],
 ["|HowTo Register","RegHelp.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|FAQ","FAQ.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Dos 'n' Don'ts","DoDont.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Workshop","workshop.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Gold Run","", "", "", "", "_self", "", "", "", "", "", ],
 ["|About Goldrun","goldrunAbout.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Veiw Sites","GoldDistribSites.aspx", "", "", "", "_self", "", "", "", "", "", ],
["My Run","", "", "", "", "", "", "", "", "", "", ],
 ["|About","aboutmyrun.aspx", "", "", "", "_self", "", "", "", "", "", ],
["TICs","", "", "", "", "", "", "", "", "", "", ],
 ["|About","abouttics.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Metro","", "", "", "", "", "", "", "", "", "", ],
 ["|About","aboutmetro.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Distribution","", "", "", "", "", "", "", "", "", "", ],
 ["|About","DistribAbout.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Status","DistribStatus.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|News","DistribNews.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Display Units","DistribDisplay.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Team","", "", "", "", "_self", "", "", "", "", "", ],
 ["|View Sites","DistribSites.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|TIC Budget","", "", "", "", "_self", "", "", "", "", "", ],
];

Hope this makes sense.

A: You can move
  var menuItems = [
...
];
dm_init();

dhtml nav code from your data file to your page (template) directly:

<script>
  var menuItems = [
...
];
dm_init();

</script>

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