Javascript Context Menu by Deluxe-Menu.com
Javascript Context Menu

Template:

Blue Menu Template - Html Menu Code





    - 85% transparency for sub menus
    - Text aligned to left
    - Image arrows
    - Several menus on one page
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus dropdown on mouseover
    - Personal CSS styles for separate menu elements
    - Top items and submenus have a shadow




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

Menu Screenshots

Javascript Context Menu Dynamic Navigation Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript context menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Mouseover In A Drop Down Javascript Context Menu
Cost Effective
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am having a problem trying to figure out how to generate a link to a popup window.
I looked at what you have on your site but it is not clear to me.


A: You can show the popup window when you hover, click or mouseout on some elements on your
page. For example you've added an image in your html page. You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>
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. You should specify ID's - id="xxxx"
for <a>, <div>, <img> ... tags.

Or you want to open a popup onMouseover, onClick or onMouseout on a link.

So, you should create a link (you can also use other object) on your page and set id="" for it,
forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",

Q: I would like to know how to put items in on multiple lines for the horizontal navigation
(i.e. create a line feed), how do I tell my code to start a new menuitem on the NEXT line?

A: There are 2 ways to do that:

1) set

  var noWrap=0;

2) use <br> tags, for example:

  var menuItems = [
 ["|Here is where <br>I would like <br>to have a line<br> feed",,"","", "", "", "", "", "", "", "",],
];



Q: I'm using the deluxe-tree. On the top of the tree there is a title. When I click on the title of expandable tree the whole menu collapse. How can I disable this option?

I want to keep the collapse option when I click on the collapse button but not when I click on the title. I'm using the Xp style1 and I also want to keep the aspect of this title.

I hope I'm clear to you ... if you need me to be more precise let me know.

A: Try to set the following parameter:

  var texpandItemClick=0;

Q: With the new version, my body onload function is blocked.
In our application we do something with a body onload function.
It doesn't get called if I use the deluxe-menu. If I remove deluxe-menu js files from html, it works.

Is there a way I can use deluxe-menu and get my onload handler called?


A: Deluxe Menu detects any user's onload events and remember them in the case when you write a such events before dm_init(); call.

Try to delete onload event from <body> and write the following at theend of a page (after dm_init() call):

<script type="text/javascript"> onload = onloadHandler;</script>

That should work.


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