contextMenu.js - Create windows like context menu

contextMenu.js is a plugin to create windows like context menu with keyboard interaction, different type of inputs ,trigger events and much more.

Why contextMenu.js ?

• Use as simple popup or as a context menu. With some twick can be used for multi purpose.
• Adjust position and size to fit in viewport.
• Keyboard interaction.
• Support different type of inputs (json, UL list).
• Trigger Context menu with right-click, left-click,hover or any other mouse events.
• Css outside of javascript so you can edit the look of menu.
• Enable/disable options.
• Optional icons for commands.
• Lot of configurable options.
• Submenus

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: ignitersworld.com

1. INCLUDE JS FILES

<link href="assets/css/contextMenu.css"  rel="stylesheet" type="text/css" />
<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="assets/js/contextMenuScript.js"></script>

2. HTML

<div class="testButton" id="testButton1">Click me</div>

3. JAVASCRIPT

var menu = [{
        name: 'create',
        img: 'images/create.png',
        title: 'create button',
        fun: function () {
            alert('i am add button')
        }
    }, {
        name: 'update',
        img: 'images/update.png',
        title: 'update button',
        fun: function () {
            alert('i am update button')
        }
    }, {
        name: 'delete',
        img: 'images/delete.png',
        title: 'create button',
        fun: function () {
            alert('i am add button')
        }
    }];
 
//Calling context menu
 $('.testButton').contextMenu(menu);

4. OPTIONS

5. METHODS

Popup method is default when selector type is selector string , jquery object, DOM object. Menu method is default when selector type is JSON object.

6. CALLBACKS

Callback accept two argument. 
1. data : Which containg refrence to trigger and menu.
You can get trigger and menu using data.trigger and data.menu.
2. event : A event object which is binded with trigger to open context menu.

Inside callback this refers to trigger element.