Custom Javascript Slide Menu by Deluxe-Menu.com
Custom Javascript Slide Menu

Menu Screenshots

Custom Javascript Slide Menu Dhtml Drop Shadow

Features

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
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
Transparent Javascript Menu Custom Javascript Slide Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your custom javascript slide menu 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!



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: That is what I need:

a) I build a menu with an item like this:
   ["||"Product1","http://127.0.0.1/product1.htm","","","",,"0",],

b) when I select that item, I need that page product1.htm loads into an iFrame.

Can I do this?


A: You should set the Iframe name as the target value in the menuItems.
You should also set the following parameter:

  var itemTarget = "";


Q: Is it possible to have your menu mouseover call one of my functions?
I need to change some text on the screen based on which menu itemis highlighted.

A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:

  var menuItems = [
["<div onmouseover='yourFunc()'>item text</div>"]
];

Where yourFunc() is Javascript function.



Q: I have another question regarding the popup window. I need to use an iframe within the popup window. Is there any way I can close the dhtml popup from the page loaded within the iframe?

A: You can close the popup using the following function:
document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot accessdocument.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situatedon the same page so you can access document.getElementById('win') element and hide it.

There is a workaround.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>

Your link will work in that case.


Q: Hi there ... a while ago I had asked you what I need to change to prevent exit pops from being activated, but I don't think it's working.

For example, a regular link that I want:

onClick="exit=false"

How do I do it with dhtml vertical menu?

Before, in the "text" box in the "Item Parameters" window, you had me do the following:

<span onClick='exit=false;'>click here</span>

But that doesn't seem to work. Any other suggestions? Thanks very much.

A: I suppose that you should move menuItems from the data file to yourhtml page directly (where you define exit variable).

<script>

menuItenms = [
...
],
</script>