Jquery Collapsible Menu Example by Deluxe-Menu.com
Jquery Collapsible Menu Example

Template:

Space Menu Template - Simple Dropdown Menu






    - Submenus automatically scrolls
    - Top items and submenus have a shadow
    - Items with icons
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Jquery Collapsible Menu Example Transparent Pull Down Menus With Javascript

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery collapsible menu example menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery collapsible menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Drop Down Menu In Javascript Jquery Collapsible Menu Example
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
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.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

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 are using your deluxe menu on our live site, but I have a question about the initial setup of the menu.

I need to update the site and a create a new version where the Deluxe Menu is painted, but not initially displayed until the user has been validated. We are runing the entire site from a single page with multiple iFrames. I have been using the code document.getElementById('dm0m0').style.visibility = "hidden"; to hide the menu during startup, but I would rather have the floating menu hidden initially and then displayed as the user is validated and gain access to the functionality.

So the question is: Is there a property in the data.js file - or any other file - where the menu can be hidden initially until needed?

A: You can hide the menu onloaddocument.getElementById('dm0m0').style.visibility = "hidden";

And then show the floating menu when your user will be validated.

Q: Can I call javascript within the drop menu javascript?

A: Yes, it is possible.
Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

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

or

  var menuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];


s

Q: I've added a tab menu to a site but I want to know
how to get the active tab to stay a certain color in the html tabs menu
when you're on that tabs page.


A: Deluxe Tabs doesn't support API functions which can return theselected tab.

You can set "bselectedItem" and "  var bselectedSmItem" parameters
based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters
from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>




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