Icontem

jQuery Contextual Menu: Show a context sensitive menu help plugin

Recommend this page to a friend!
  Info   View files Example   Demos   View files View files (6)   DownloadInstall with Composer Download .zip   Reputation   Support forum (1)   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2014-11-18 (2 years ago) RSS 2.0 feedNot yet rated by the usersTotal: 248 All time: 178 This week: 10Up
Version License JavaScript version Categories
contextual-menu 1.2MIT/X Consortium ...1.0HTML, jQuery
Description Author

This is a jQuery plugin to show a context sensitive menu under the mouse pointer.

It listens to mouse clicks over given HTML page elements and makes a context menu appear when the right mouse button is opened.

The menu is defined by the text of each menu option to display and the respective callback functions that are called when the menu options are clicked.

Innovation Award
JavaScript Programming Innovation award winner
June 2014
Winner


Prize: One downloadable e-book of choice by O'Reilly
Contextual menus are very useful to let the users perform actions specific to the user interface elements under the current mouse pointer position.

This jQuery plugin can build and show a context menu over given HTML page elements that is very easy to customize the menu actions.

Manuel Lemos
  Performance   Level  
Name: Daniele Cruciani <contact>
Classes: 2 packages by
Country: Italy Italy
Age: 41
All time rank: 832 in Italy Italy
Week rank: 36 Up2 in Italy Italy Equal
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

Details
jquery-contextual-menu
=

A configurable context menu. It act on right click, hover (with time lag), hold (with lag)

text.html show hold with 1sec of lag.

The project home is in http://www.smartango.com/articles/jquery-context-menu


USE:
---

    func1= function(event, element) { };
    func2= function(event, element) { };
    jQuery(".linkimg").contextmenu({'option 1':func1,
                              'option 2':func2},
                              'hold',1000);

Second option is 'hold','right' or 'hover'

Parameters are passed to callback function
=

Callback function has event and element as input. The ratio is to have, say, the exact position where pointer was when right clicked (i.e. use it in canvas too)
  jquery context menu article and demoExternal page  

Open in a separate window

  Files folder image Files  
File Role Description
Plain text file bower.json Data bower definition
Plain text file contextmenu.css Data Auxiliary data
Plain text file contextmenu.jquery.json Data jQuery manifest
Plain text file jquery.contextmenu.js Class Class source
Plain text file README.md Data Documentation
Plain text file test.html Example Documentation

 Version Control Unique User Downloads Download Rankings  
 100%
Total:248
This week:0
All time:178
This week:10Up