Javascript Sliding Menu Dropdown Onmouseover by Deluxe-Menu.com
Javascript Sliding Menu Dropdown Onmouseover

Template:

Blue Menu Template - Html Menu Code





    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Image arrows
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Status string shows item labels
    - Hundreds of pre-designed templates
    - Submenus automatically scrolls
    - Text aligned to left




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

Menu Screenshots

Javascript Sliding Menu Dropdown Onmouseover Tree Menu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript sliding menu dropdown onmouseover samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Dhtml Javascript Drop Down Menu Javascript Sliding Menu Dropdown Onmouseover
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: When I click into a field and the calendar pops up that it doesn't pick up the date/time values.

I can display time in 12 or 24 hour format - however for the selection it only allows 24 hour format. My boss is yelling at me that it has to be in 12 hour selectable format.

A: > when I click into a field and the calendar pops up that it doesn't
> pick up the date/time values.
But you haven't specified hour in the date format. Now you have
%L %d, %Y, %l: %M %p
month day year abbreviated month name minute either `am' or `pm'
So, you have: January 29, 2009, Jan:54 am
See more info about conversion specifiers here:
http://calendardatepicker.com/parameters.html

> 2) I can display time in 12 or 24 hour format - however for the selection it
> only allows 24 hour format. My boss is yelling at me that it has to be in 12
> hour selectable format.

Try to specify date format in the following way:
%L %d, %Y, %l, %I:%M %p
So, you'll have: January 14, 2009, Jan, 03:50 pm

Q: Hi there, hope someone could help me out.

We have recently purchased your menu product, and I would like to know how I indicate on a javascript slide menu, the root node that was selected. So in other words, if I have a horizontal navigation and I select the 3rd index along the menu and select something from this, how can I make the 3rd index highlighted?

I am not sure how else to phrase this question and hope this makes sense. You help will be appreciated.

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

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 Slide 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'm trying created an independent menu from my html pages.
I have several pages stored in directories and subdirectories,
I would like to call theses pages from a single dhtml menu script.


A: 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: How does the search engine stuff work. A web developer told me to stay away from java script if you want google to recognize your webpage.
Can you comfort me by telling me how it works.


A: Spiders can't read dynamically-generated Javascript code, so theycan't read menu links.
Search engine friendly means that you can add additional html codewithin your html page. You can generate such a code using Deluxe TunerGUI that you can find in the trial menu package. But if you'll use themenu without any additional html code, spider won't see menu links.


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