Prototype Js Context Menu by Deluxe-Menu.com
Prototype Js Context Menu

Menu Screenshots

Prototype Js Context Menu Dhtml Tutorial Drop Down Menu

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
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
Menu De Paginas Web Prototype Js Context Menu
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 prototype js context menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed prototype js context menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: I've got an xp style menu that I'm trying to place within a table... Things are not rendering as I'd expect

I am trying to put the menu in the left column of the table, a form on the right side, and then center the entire table.
The html table is surrounded by a center tag (have tried a div tag with no difference).

It appears the xp menu is obeying the center tag, but not keeping it relative to the containing table...

How can I fix this issue? I have also attached the html source code as it is rendered in the browser in case that is of some use.

A: You should set the following parameter:

  var tabsolute = 0;

You're using absolute position for the menu now.



Q: I've noticed something strange in the Deluxe Tree and I am wondering if this is normal.

Here's an example I have in my "data.js" file to populate the javascript ajax tree:

  var tmenuItems = [

["Mes alertes/My alerts","", "", "", "", "", "", "0", "", "", ],
 ["|Francais","", "", "", "", "", "", "", "", "js/AjaxTreeFr.js", ],
 ["|English","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Here's basically how it goes:

- Basically the "0" represents a pre-built style that I have set for the root of my tree.

- Under this are the first child of the root called "Francais" and "English" which I link with a JS file to populate (Because the users will customize the alerts they want to see).

This works perfectly fine. But it is a workaround. Let me explain what I wanted in the first place:

  var tmenuItems = [
["Mes alertes ","", "", "", "", "", "", "0", "", " js/AjaxTreeFr.js ", ],
["My alerts","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Basically I wanted to have 1 javascript ajax tree with 2 root items "Mes alertes" and "My alerts" but it seems impossible to attach a js file to the root of the tree view. (It doesn't get populated).

Any ideas?

A: See AJAX feature won't work for first-level in XP style now.

It works if you use:
  var tXPStyle=0;


Q: I'm trying to figure out how I can tie in this code loan_profile.asp?id= into the link on the tree menu, for example:

 ["|Loan Profile", "../pipeline/loan_profile.asp?id=<%=rsLoans("loan_id")%>", "", "", "", "", "", "2"],

When I try this and then test it in the browser the menu doesn't even show up and it says that there's an error... what can I do to fix this? Please get back ASAP. Thanks!

A: Try to write your code in the following way:

 ["|Loan Profile","../pipeline/loan_profile.asp?id=<%=rsLoans('loan_id')%>", "", "","", "", "", "2"],



Q: I have a javascript menu codes that I change dynamically with dm_ext_changeItem.

When I converted it to a popup window, dm_ext_changeItem does not seem to work. Is this a bug?

A: See in the popup menu you should write submenuInd+1:

dm_ext_changeItem (menuInd, submenuInd+1, itemInd, iParams)