Css Menu Browser Compatibility by Deluxe-Menu.com
Css Menu Browser Compatibility

Template:

Red Menu Template - Movable Menu





    - Image arrows
    - Inactive/Disabled items
    - Top items and submenus have a shadow
    - Several menus on one page
    - Submenus automatically scrolls
    - Search feature - add the search area in the menu and type symbols.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus go over all page objects




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

Menu Screenshots

Css Menu Browser Compatibility Javascript Horizontal Tree

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css menu browser compatibility menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Drag N Drop And Files And Javascript Css Menu Browser Compatibility
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
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
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We're interested in the pop up menu (context menu) you offered. Is it possible to generate multiple context menus at the same page?
Is the context menu also 508 compliant, in other words, keyboard accessible?

A: Yes, you can use as many context menus as you want on the same page.
You should call your data files at first

<script type="text/javascript" src="data-deluxe-menu.js"></script>
<script type="text/javascript" src="data-deluxe-menu1.js"></script>

<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);" style="cursor: pointer;"> //1st menu
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(1, 1000, event);" style="cursor: pointer;"> //2nd menu

You can use keyboard in context menus but you have to click (or hover) the image. And only after your subitems appear you can press "Ctrl+F2" and arrow keys to navigate themenu.
But if you have multiple menus on one page and use keystrokes support you can navigate only the first menu.



Q: What i need is when the menu item is clicked in the dhtml context menu, it'll run a json the onclick or mouseup event.
Is this possible?

A: You can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];

Actually you can use any html code within menuItems.

Q: I need to be able to highlight the selected menu item of the sliding drop down menu.

A: Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.



Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?

I'm using a JavaScript such as the one below:

<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>


A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.

For example:

  var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];

or
  var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];


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