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

Menu Screenshots

Prototype Js Context Menu Menu Desplegable Html

Features

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
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
Trees With Javascript Prototype Js Context Menu
Cost Effective
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
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.

  • 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.

Recent Questions

Q: I would like to call a popup window (created in Deluxe Truner) from a deluxe 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: Can I use my own images as the tabs in a div tab menu?

A: The Drop down menu items have the following structure:
  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.

So you can set your menu items in a such way:

  var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
 ["|","testlink.htm", "icon3.gif", "icon3o.gif"],
 ["|","testlink.htm", "icon4.gif", "icon4o.gif"],
 ["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];

Q: What the options of CSS Submenu, CSS Item, and CSS Text each handle.
What are the differences in the application?


A:   var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.

  var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.

  var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.

It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.

I sent you an example with css. Please, see how you can use css in themenu.


Q: Please kindly help to this problem, in my pass few weeksI'm using my deluxe menu and I can type arabic text there, but now its seems that the software is not recognizing the arabic text, from my screenshot you can understand that it shows a different symbols although im typing arabic font.
Now I couldnt type arabic font and I have existing projects website and need to edit it again but I can't coz my software is not recognizing the arabic text.


A: Unfortunately, you can't use arabic characters in Deluxe Tuner application.
You should manually correct your code.
And after you create your menu you can open your data file (created inDeluxe Tuner) in any text editor (click F4 on this file) and add your text parameter, forexample:

["Home","testlink.html", , , , , , , , ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , , , ],

...You should enter text to "Home", "Product Info", "|Features","|Installation","||Description of Files" fields in the text editor.Try that.