Html Context Menu by Deluxe-Menu.com
Html Context Menu

Menu Screenshots

Html Context Menu Javascript Menu Floating

Features

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
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!
Sites Em Javascript Html Context Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html context menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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

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: Why is it that when we place a drop menu ina div that the droppping part is not right uner the menu? The menu on top banner is the problem.. Thesame code outside of a div futher down the page works fine.

 I can place the same menu outside of the div and it works fine.When it is in a div the drop part of the menu is pushed to the far right of the screen.

A: Brian, see, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute;"

to the

<div id="menu">

So, you'll have:

<DIV id="menu" style="POSITION: absolute;">



Q: Is this something I can adjust ...or make submenus were you can't see through them?


A: Try to set the following parameter:
  var transparency=100;


Q: I'm fairly new to HTML and Java. I'm using your popup window html, (its great) but do notknow how to use the "ID object" function. I'm using Frontpage as my HTML editor. The only way I can figure out how to give "a line of text" or a "Graphic" and ID is to create a "Layer". That creates an (ID) in the HTML script. But I still cannot get the pop up to work when clicking the object. How is the best way to create an object ID that will all Deluxe pop-up to recognize it?

Can I have two separate pop-up within the same html page?

One last thing...Can I create a pop up that fly's out after 10 seconds, and within that fly out have a link that opens another pop up with important info in it using the iframe feature?

This sound like novice questions, but that's me!

A: See you can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in the FrontPage. Right click on this image and goto "Picture properties...", on the Appearance tab select 'Style...' and enter any text inthe ID field, for example 'open_popup'. Switch to 'Code' mode, you'll have the followingcode:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page manually. Switch to 'Code' mode andadd id="open_popup" for <a>, <div>, <img> ... tags.

> Can I have two separate pop-up within the same html page?

You can add as many popups as you want.

> Can I create a popup window html that fly's out after 10 secondsCreate popup window and set openAfter=10 parameter to it. You can find this parameter in'Actions' section.

> and within> that fly out have a link that opens another pop up with important info in it using the iframe feature?Use HTML content as window content. Set winContent parameter in 'Common' section.

Add link inside the html content:
<a title='Click to open sample' href='javascript:;' onclick=\"deluxePopupWindow.open(\'window1\', \'files/test.html\', \'Window2\',\'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect\', \'default\', \'iframe\')\">Click to open Popup Window with 'files/test.html'content.</a>
More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.


Q: How i can isert any html code in css dynamic menu?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

  var menuItems = [

...

   ["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:
http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],