Collapsible Menus In Mmodle by Deluxe-Menu.com
Collapsible Menus In Mmodle

Template:

Youtube Style Template 2 - Drop Down Navigation Menu







    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Horizontal or vertical orientation
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Top items and submenus have a shadow
    - Submenus dropdown on mouseover
    - Submenus go over all page objects
    - Search feature - add the search area in the menu and type symbols.
    - Items with icons




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

Menu Screenshots

Collapsible Menus In Mmodle Web Design Pulldown Menu

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

Features

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
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
Java Menu Script Examples Collapsible Menus In Mmodle
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 menus in mmodle 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 collapsible menus in mmodle samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: How to set the icon vertically top when the menu in dhtml text is wrapped?

A: Unfortunately it is not possible to align icon vertically now.
But you can do it using html code within menu in dhtml items, for example:

  var menuItems = [


["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'> &nbsp;Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'>&nbsp;&nbsp;Product Info hgdgfjh &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaa aaaaaaa &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaaaaaaaaaaaaaaaaaa &nbsp; &nbsp; aaaa","", "", "", "", "", "", "", "", "", "", ],



Q: I have another question.. after I successfully click and load the data in to my window using the mouseover tab, the tab defaults back to the original default tab.
Because I have to reload my page after the tab has been selected the tab chosen is lost. What do you recommend for "remembering" the tab so that when the page reloads the correct tab is highlighted. I know that I need to set the   var bselectedItem but if you have a "nifty" way for me to do that I am all ears.

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

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

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom 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>

Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?


A: Deluxe Menu has keystrokes support.

Use the following parameter to enable keystrokes support:
  var keystrokes = 1;
0 - disabled (default), 1 - enabled.

Ctrl+F2 - enter the menu/switch to next menu on the page.
Arrow keys - navigate.
Enter - enter the menu.
Esc - exit the menu.

Use also the following parameters:
  var dm_focus = 1; Show focus selection for selected item.
  var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.

Please, try the trial version, http://deluxe-menu.com


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