3 jQuery plugins to show context menu

A context menu (also contextual menu, shortcut menu and, popup menu) is a menu in a graphical user interface (GUI) that appears upon user interaction, such as a right mouse click. Context menus offer a limited set of items that apply to the current state, or context, of the system or application in which the context menu is invoked

Source: Wikipedia (http://en.wikipedia.org/wiki/Context_menu)

Here is a review of 3 jQuery plugins that can override the browser default context menu with our own context menu.Opera browser doesn’t support custom context menu

ContextMenu by Chris Domigan

It is one of the earliest plugin to show context menu. It is fully customizable and supports callback
functionality.

jContext

It is a very lightweight jQuery plugin to show context menus (0.6KB when minified). The menu is fully customizable using HTML and CSS.

DEPENDENCIESjQuery 1.2
SIZELess than 1KB (Compressed)
RESTRICTIONSNone
DEMOOpen | Open in new window
INFO & DOWNLOADOpen | Open in new window
SUPPORTED BROWSERSFirefox 1.5+, IE 6.0+

jQuery Context Menu Plugin By Cory S.N. LaViska

This is the most powerful plugin with many customization options and callback support.

Advantages

Fully Customizable via CSSSupports keyboard shortcutsAbility to disable menu/menu items on the fly

DEPENDENCIESjQuery 1.2.6 Or jQuery 1.2 with dimensions plugin
SIZELess than 7KB (Uncompressed)
RESTRICTIONSNone
DEMOOpen | Open in new window
INFO & DOWNLOADOpen
SUPPORTED BROWSERSFirefox 2 & 3, IE 6.0+, Safari, Chrome

jQuery Ajax File Upload

Ajax file upload plugin allows users to easily upload multiple files without refreshing the page. In addition, you can use any element to show file selection window.

This plugin creates invisible file input on top of the button you provide, so when user clicks on your button the normal file selection window is shown. And after user selects a file, plugin submits form that contains file input to an iframe. So it isn’t true ajax, but brings same user experience.


Advantages

  • AJAX like behaviour using iframe technique. (AJAX does not support file handling)
  • Multiple file upload
  • Allowed file types can be specified
  • Callback functions for all events
DEPENDENCIESjQuery 1.2
SIZE4KB
RESTRICTIONSNone (Free to use on any site)

For demo and download, please check the links

Open Demo | Open demo in new window | Info & Download

jGrowl – To show unobtrusive messages

jGrowl is a nice way to show unobtrusive messages or informations to user.

Advantages

  • The default style is good enough
  • The message can be shown for a pre defined time (For eg: 10 seconds and then it will close automatically)
  • Support for sticky messages – which do not close automatically
  • Customizable
DEPENDENCIESjQuery
SIZE5 KB
RESTRICTIONSNone (Free to use on any site)

For demo and download, please check the links

Open Demo | Open demo in new window | Info & Download