Menu Deroulant Dhtml by Deluxe-Menu.com
Menu Deroulant Dhtml

Template:

Youtube Style Template 2 - Drop Down Navigation Menu







    - Personal CSS styles for separate menu elements
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Image arrows
    - Submenus go over all page objects
    - Hundreds of pre-designed templates
    - Inactive/Disabled items
    - Relative/Absolute menu position
    - UL/LI items structure




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

Menu Screenshots

Menu Deroulant Dhtml Example For Pop Up Menus

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu deroulant dhtml 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
Slide In Menus Dhtml Rollover Menu Deroulant Dhtml
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!
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
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We have a menu in its own dedicated table row on our website and the table row contains a background image. We want to know if we can make the background on your menu transparent so that you can see our table cell background through the menu.
We have tried using your option to put our image as your menu’s background, but then it repeats for all of the drop downs which we do not want.
We simply want the row of options to be transparent and all of the drop downs to be white.

Is this possible with your system and, if so, how would we go about making this work?


A: You can try to use these parameters:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","#1665CB"];

Or, you can use Individual Item Styles and set images only for the main items.

Try that.


Q: Hi, I am looking at your Deluxe Menu package. It looks very nice, but I cannot find any kind of manual for how to use it. There's some online documentation on the Tuner, but (for example) I can't find anything that documents the dm_popup window open options. I find some sample code I can copy that has the call

return dm_popup(0, 1000, event)

1. So, what do these parameters mean?
2. It takes a long time for the menu to go away if you don't click anything. From tracing through the obfuscated javascript with firebug, it looks like the second parameter sets a timeout to make the menu go away. But when I change the "1000" to "1", the menu does not appear to behave any differently.
3. If I want to have more than one of these menus show up on the page, how would I do that?
4. I have it set up to show the popup when you right-click a page element. However, the menu items only appear to fire if you then left-click them. This is confusing to the user: I'd like to have the menu items also fire when you right-click them for consistency. How would I configure this?

These are the kinds of questions I would like to have answers to, but I cannot find any relevant documentation. Do I have lots of tracing through javascript ahead of me? If I have just missed the relevant documentation, please tell me where to find it. I would love to use your product, but if I have to spend all my time tracing javascript it's not a big win for me. Thanks for your assistance.

A: 1) You can find window open options info on our website:
http://deluxe-menu.com/popup-mode-sample.html
Click "Show additional info" button on this page.

2) You should adjust the second parameter in dm_popup() function:dm_popup(0, 500, event);

3) See the first parameter in the dm_popup() function is menuInd, soif you want to create several popup menus you should create severaldata file and call them on your page, for example:
<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0 //standard menu (doesn't use popup feature)
<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1
<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2
<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3
<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4

and so on.

See how you should call dm_popup() functions:

<img src="../../../../fileadmin/img/flag_de.gif" width="50"
onMouseOver="return dm_popup(1, 2000, event);" style="cursor: pointer;">
// 1 - is ID of the second menu
....

<img src="../../../../fileadmin/img/flag_fr.gif" width="50"
onMouseOver="return dm_popup(2, 2000, event);" style="cursor: pointer;">
// 2 - is ID of the third menu
// 3 - is ID of the fourth menu
... and so on.

4) Unfortunately it is not possible now.

Unfortunately we don't have additional documentation yet. But you canfind all need info on our website. Try to use search field on ourwebsite.

> I have another question. My popup menus are not fixed, they are dynamic in
> the sense that I have multiple rows showing up on the page and each row
> needs to have custom information passed. Each row has one or more database
> identifiers associated with it, and the ajax calls that will get fired
> when I choose a menu item such as "Edit" or "Add Child" will need those
> database identifiers. How would I pass this information?

You can dynamically generate the menu structure. For example movemenuItems into your phph page (or embed in a Smarty Template) insideSCRIPT tag:

 <script type="text/javascript">
    var menuItems = [
      ["Terminal","index.php?form=TERMINAL&tid={$tid}"],
      ["Kassenschnitte","index.php?form=KS&tid={$tid}"],
      ["Buchungen Debit","index.php?form=DEBIT&tid={$tid}"],
      ["Kredit- / Bonuskarten","index.php?form=KREDIT&tid={$tid}"],
      ["Rucklastschriften","index.php?form=RLAST&tid={$tid}"],
      ["Monatsstatistik","index.php?form=STATISTIK&tid={$tid}"],
      ["RL-H.Rechnung","index.php?form=RLASTABR&tid={$tid}"],
      ["LiveStream","index.php?form=LIVESTREAM&tid={$tid}"],
      ["Reports","index.php?form=REPORTS&tid={$tid}"],
      ["Datenhistorie","index.php?form=HISTORY&tid={$tid}"],
      ["Bankleitzahlen","index.php?form=BLZ&tid={$tid}"],
      ["<br />Ihre Nutzerdaten","index.php?form=NDATEN&tid={$tid}"],
   ["<br />{$NAVI}",""],
  ];
  dm_init();
</script>

Q: Is it possible to not download (pre-load) the images in the javascript menu array (some attributes in the data.js file ..)?

I would like to download them only on rollover on the submenu... I am aware of the ajax version of the menu, but ....

A: Set the following parameter:
  var dm_writeAll=0;

You can also use AJAX feature, see more info here:

http://deluxe-menu.com/ajax-technology-menu-sample.html

Q: I can't seem to figure out how to specify the width of individual javascript pulldown menu items. I would like to specify that each menu item on the horizontal take up just 113px regardless of the number of characters in the item. Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style. Forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.


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