Html Menu Retractable by Deluxe-Menu.com
Html Menu Retractable

Template:

Coffee Menu Template - Dropdown Html Menu






    - UL/LI items structure
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Relative/Absolute menu position
    - Cross-frame support - menus work on frameset-based pages
    - Horizontal or vertical orientation
    - Transition #14 - "fade out" effect
    - Sound support!




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

Menu Screenshots

Html Menu Retractable Html Vertical Menu

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

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your html menu retractable menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Menu Buttons Downloads Html Menu Retractable
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html menu retractable 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!
Cost Effective



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: Is there any way to keep the cursor as default on disabled links? I see that there's a general cursor choice, is there any chance to make it individually?

A: Unfortunately you cannot set cursor type individually for all items.
You can set it only for whole items.

You can try to set a cursor for your <img> tag. for example:
["<img src='deluxe-menu.files/sep_mac.gif' style='cursor: default;'>","", "", "", "", "_", "-1", "0", "", ],

You can also try to set
  var itemCursor="default";
for all items and use <a> tags for all links:

["<a href='index.html' target='_blank' class='link'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.link{
color: #FFFFFF;}
.link:hover{
color: #FFBEBE;}



Q: I would like to call a popup window with javascript from a menu item.

A: You should add the code for popup window on your html page with the menu:
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2006, DeluxePopupWindow.com -->

Inside menuItems you should open the window in the following way:

["Click to open Popup Window","javascript:deluxePopupWindow.open('window1',
'http://deluxepopupwindow.com', 'Popup window',
'width=420,height=300,resizable,scrollbars=no,middle,right,fade-effect',
'windowsvista_graphite','iframe')",
"", "", "", "", "0", "", "", "", "", ],

More info about deluxePopupWindow.open() method you can find here:
http://deluxepopupwindow.com/window-installation-info.html

Q: I need to use an iframe within the popup window.
Is there any way I can close the dhtml window 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 access
document.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 situated
on 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: Is it possible to insert an item at the top of the submenu in the html popup menu?

A: To insert item in the specific position you should use the following function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0. See more info about indexes here.
iParams = [array] - the array of item parameters.
Pos - the position in the menu where you want to add new item.

More info you'll find here:
http://deluxe-menu.com/functions-info.html


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