Html Dropdown Menu Examples Divider by Deluxe-Menu.com
Html Dropdown Menu Examples Divider

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - 85% transparency for sub menus
    - Submenus automatically scrolls
    - Several menus on one page
    - Transition #14 - "fade out" effect
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Image arrows
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Html Dropdown Menu Examples Divider Right Click Dhtml

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

Features

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
Rollover Html Dropdown Menu Examples Divider
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html dropdown menu examples divider 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.

  • 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: Can I use drop down navigation menu using subfolders? I am trying to build amenu system but the website contains a lot of subfolders.


A: Yes, you can use deluxe-menu on the site with a lot of subfolders.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.



Q: I've just updated my menu from 2.4 to 3.2. All is fine except two of my java script pop up menu (vertical) appear on the left instead of the right, all the others pop out to the right as before. I've tried saving it as a completely different file name, same problem, both within a browser and within your preview pane.

Any help would be much appreciated, I'm at a loss.

A: You can try to change the following parameter:

  var subMenuAlign="left";

You can also send us a direct link to your website, so we can check it.



Q: Tell us javascript code to select or highlight the tab and sub tab in javascript tabs navigation.

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

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: 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>

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