Javascript Open Menu Item On Mouseover by Deluxe-Menu.com
Javascript Open Menu Item On Mouseover

Menu Screenshots

Javascript Open Menu Item On Mouseover Vertical Navigation Bar Javascript

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
Jscript Menu Dropdown Javascript Open Menu Item On Mouseover
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript open menu item on mouseover samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I have a Deluxe Tree Menu working on a website. What I want is that the javascript dhtml tree remembers which item was open when there is a click on an item.

I found on your website that this is possible with:   var tsaveState = 1;

But when I want to use this option I need to include dtree_ss.js in the html page. I can not find this file in the zip file I downloaded.

Can you help me with this file or tell me where I can find it?

A: See dtree_ss.js file was in the first versions of Deluxe Tree. We don't have such filenow. We haven't updated info on your website on the following page yet
http://deluxe-tree.com/parameters-info.html

You should use dtree.js file only.


Q: But what mean the message "Incorrect Copyright" that you see on the javascript menu ie TABS on our website? Because we did the solution that you described in the original message that I copy you below. In some computers appears this messages in other not.

The key that is in the .js file.

A: Installation of your menu is not correct:

<script type="text/javascript">  var dmWorkPath="deluxe-tabs.files/";</script>
<script type="text/javascript" src="deluxe-tabs.files/dtabs.js"></script>
<!--script type="text/javascript" src="../Library/Library_JS/dtabs.js"></script-->
<script type="text/javascript" src="../Library/Library_JS/data-deluxe-tabs.js"></script>

You should write:
<noscript><p><a href="http://deluxe-tabs.com">javascript menu ie by Deluxe-Menu.com</a></p></noscript>
<script type="text/javascript" src="deluxe-tabs.files/dtabs.js"></script>
<script type="text/javascript" src="../Library/Library_JS/data-deluxe-tabs.js"></script>

Try that.



Q: I can’t seem to figure out how to keep last clicked item in my java menu script marked.

I use these options:

pressedItem = -1

  var saveNavigationPath = 1;

Where and how do I determine the background color of the clicked item?

I also have this problem on Deluxe Tree.


A: The 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: I have spanish characters that are not showing up in my menus correctly.
My array has this:

 ["|M&eacute;xico","#", "", "", , , "7", , ],
buy in the drop downs it appears as M?xico

I read in the FAQ about displaying Norwegian characters
(http://deluxe-menu.com/rq-javascript-menu-drop-down-Norwegian-characters-support.html)
so I tried this:


but that did nothing.
I have the charset on the page set properly and the letters appear properly everyone else, only incorrect in the menus.

A: You should write your Spanish characters in the following way:

 ["|M&eacute;xico","#", "", "", , , "7", , ],

Try that.