Ejemplo De Menu Horizontal Dhtml by Deluxe-Menu.com
Ejemplo De Menu Horizontal Dhtml

Menu Screenshots

Ejemplo De Menu Horizontal Dhtml Mouseover Item Example In Jscript

Features

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
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
Menu Using Javascript Ejemplo De Menu Horizontal 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!
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your ejemplo de menu horizontal dhtml menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I am in the early stages of desgning a website for a client and am looking for a particular menu script.
I came across your site ad am impressed with the options. However, I am haivng trouble finding something that will do what the client is looking for.
With a horizontal menu bar across the top, a drop down sub-menu appears but the menu items appear side by side insdie of in a column.
I was hopeing that one of your options might be able to handle this type of menu but I do not see that there is a script for it. Is that true or is it possible to achieve this example in a setting in one of your scripts.


A: You can create such menu with Deluxe Menu.

Please, see the attached example.
You should set this parameter:

  var smOrientation=1;

You can create any style of the menu.

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


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: Hello, I am interesting in purchasing your product, but first I need to know if it is possible to call a JavaScript function from the menu.  I have read the FAQ and noted where it lists that you can perform an alert call, and that worked on my end as well, but when I attempted to call a function I created I could not get it to respond.  Is it possible to call a function from your menu?  Could I get an example?


A: You can write your own functions within menuItems, for example:

 ["|Real-Time Data Query","javascript:window.open('http://www.domain.org/', '_blank','height=758,width=1024,status=yes,toolbar=no, menubar=no,location=no');",,,'Query real time water quality data' ,'' , '', '', ,],


Q: I’m interested in buying your products.
I have no experience in programming, only know html/php.
How easy would it be to set up these mouseover menus?
I understand your explanation of copying scripts into the relevant html pages.
But what about inserting the menus? Do I have to program them myself?


A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Menu ) you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.

You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
(you can alsouse local version of the site which you can find in the trial package
"Deluxe Menu / deluxe-menu.com /")

http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems:

http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
//data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td>
<script type="text/javascript" src="deluxe-menu.files/data.js"></script>
</td></tr>
</table>
...
</body>

You should also copy all engine files:
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
into "deluxe-menu.files/" folder.
You should place this folder in thesame folder with your index. html page.

Try that.