Javascript Drown Down Menu by Deluxe-Menu.com
Javascript Drown Down Menu

Template:

Dark Orange Menu Template - CSS Dhtml Menu






    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Submenus automatically scrolls
    - Text aligned to left
    - UL/LI items structure
    - Sound support!
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Javascript Drown Down Menu Popup Rollover Menu Script

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

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
Cost Effective
Javascript File Menu Disabled Javascript Drown Down Menu
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript drown down menu menus easily and in no time
  • Sensible menu parameters for manual editing



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: What I would like is a link inside the popup window that closes the mouseover popup window. I tried moving the "close" link from the main page into the popup window html but I get a Javascript error when I click on that link.

A: See, if you load a different page in your popup window (iframe) suchlink won't work in it.

If you add the content of the mouseover popup window in DIV (so, it will be thesame page) such link will work.

Q: This is al I got from the goggle code generator:

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:normal 9px Verdana;color:#000000;text-decoration:none">
</div>
<!-- End of Code for Deluxe Menu Items -->


A: You should create your menu at first and then click Tools/Generate SE-friendly Code (F3).


Q: I would like to add a javascript link but cannot seem to get it handle the event as a tag or onclick event. I just want to grab the current page, insert it into a string, and go off to the page it specifies. Can this be done?


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];


Q: Two questions. First I get a "Error! Skin Load!" popup when my onmouseover popup window loads.
I see references to "skin.js". Is this supposed to be generated?

Secondly.

I am being really dense. I would like to use Deluxe Popup Windows in response to a mouse click on a picture. So far with deluxe Menu, I just put a statement like this:

<script type="text/javascript" src="rvmonitor.js"></script>
where I wanted the menu to show up. The web page loads and the Deluxe Menu displays.

I have managed to make the onmouseover popup window appear by using that code, the web page loads and the popup loads (with the skin error).

I know how to get a larger picture from a smaller one like this:

<a href="../images/Tige/CabinetMod/Tige_CabinetMod04.JPG">
<img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasketmount">></a>

I just don't know how to put the rvmonitor.js into the <a href...></a> function. Could I have a simple example?

A: See, to install Deluxe Popup Window you should call two .js files onyour page:

<head>
...
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script> //engine file
</head>
<body>
...
<script type="text/javascript" src="deluxe-popup-window.js"></script> //data file
...
</body>

Copy deluxe-popup-window.files folder and deluxe-popup-window.js fileinto the same folder with your html page.

To open your window on mouse click you should do the following things:

<a title="Click to open the window" href="javascript:;"onclick="deluxePopupWindow.open('win', '<img class=\'border0\'src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasketmount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')"><imgmount\'>class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.

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