Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added support for handling "left- or right-click" trigger. #140

Closed
wants to merge 2 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
1 change: 1 addition & 0 deletions demo.html
Expand Up @@ -91,6 +91,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="demo/callback.html">Command's action (callbacks)</a></li>

<li><a href="demo/trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="demo/trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="demo/trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="demo/trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="demo/trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/accesskeys.html
Expand Up @@ -88,6 +88,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/async-create.html
Expand Up @@ -108,6 +108,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/callback.html
Expand Up @@ -95,6 +95,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li class="current"><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/custom-command.html
Expand Up @@ -140,6 +140,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/disabled-callback.html
Expand Up @@ -89,6 +89,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/disabled-changing.html
Expand Up @@ -96,6 +96,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/disabled-menu.html
Expand Up @@ -101,6 +101,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/disabled.html
Expand Up @@ -81,6 +81,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/dynamic-create.html
Expand Up @@ -94,6 +94,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/dynamic.html
Expand Up @@ -96,6 +96,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/html5-import.html
Expand Up @@ -84,6 +84,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/html5-polyfill-firefox8.html
Expand Up @@ -88,6 +88,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/html5-polyfill.html
Expand Up @@ -82,6 +82,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/input.html
Expand Up @@ -166,6 +166,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/keeping-contextmenu-open.html
Expand Up @@ -90,6 +90,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/menu-title.html
Expand Up @@ -176,6 +176,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/on-dom-element.html
Expand Up @@ -110,6 +110,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/sub-menus.html
Expand Up @@ -111,6 +111,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/trigger-custom.html
Expand Up @@ -97,6 +97,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/trigger-hover-autohide.html
Expand Up @@ -90,6 +90,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li class="current"><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/trigger-hover.html
Expand Up @@ -89,6 +89,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li class="current"><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
1 change: 1 addition & 0 deletions demo/trigger-left-click.html
Expand Up @@ -88,6 +88,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li class="current"><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
116 changes: 116 additions & 0 deletions demo/trigger-left-right-click.html
@@ -0,0 +1,116 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Left-Right-Click Trigger Demo - jQuery contextMenu Plugin</title>
<meta name="description" content="simple contextMenu generator for interactive web applications based on jQuery" />

<script src="../jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="../src/jquery.ui.position.js" type="text/javascript"></script>
<script src="../src/jquery.contextMenu.js" type="text/javascript"></script>
<script src="../prettify/prettify.js" type="text/javascript"></script>
<script src="../screen.js" type="text/javascript"></script>

<link href="../src/jquery.contextMenu.css" rel="stylesheet" type="text/css" />
<link href="../screen.css" rel="stylesheet" type="text/css" />
<link href="../prettify/prettify.sunburst.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-8922143-3']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</head>
<body>
<a id="github-forkme" href="https://github.com/medialize/jQuery-contextMenu"><img src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
<div id="container">
<h1><a href="https://github.com/medialize/jQuery-contextMenu">jQuery contextMenu</a></h1>

<ul class="menu">
<li><a href="../index.html">About</a></li>
<li class="active"><a href="../demo.html">Demo</a></li>
<li><a href="../docs.html">Documentation</a></li>
<li><a href="http://rodneyrehm.de/en/">Author</a></li>
</ul>

<h2 id="demo">Demo: Left-Right-Click Trigger</h2>
<div class="inline-spaces">
<div class="context-menu-one box menu-1">
<strong>left or right click me</strong>
</div>
</div>

<h3 id="code">Example code: Left-Right-Click Trigger</h3>
<script type="text/javascript" class="showcase">
$(function(){
$.contextMenu({
selector: '.context-menu-one',
trigger: 'leftright',
callback: function(key, options) {
var m = "clicked: " + key;
window.console && console.log(m) || alert(m);
},
items: {
"edit": {name: "Edit", icon: "edit"},
"cut": {name: "Cut", icon: "cut"},
"copy": {name: "Copy", icon: "copy"},
"paste": {name: "Paste", icon: "paste"},
"delete": {name: "Delete", icon: "delete"},
"sep1": "---------",
"quit": {name: "Quit", icon: "quit"}
}
});
});
</script>

<h3 id="html">Example HTML: Left-Click Trigger</h3>
<div style="display:none" class="showcase" data-showcase-import=".menu-1"></div>


<h2>jQuery Context Menu Demo Gallery</h2>
<ul id="demo-list">
<li><a href="../demo.html">Simple Context Menu</a></li>
<li><a href="on-dom-element.html">Context Menu on DOM Element</a></li>
<li><a href="dynamic.html">Adding new Context Menu Triggers</a></li>
<li><a href="dynamic-create.html">Create Context Menu on demand</a></li>
<li><a href="async-create.html">Create Context Menu (asynchronous)</a></li>

<li><a href="keeping-contextmenu-open.html">Keeping the context menu open</a></li>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li class="current"><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
<li><a href="trigger-custom.html">Custom Activated Context Menu</a></li>

<li><a href="disabled-menu.html">Disabled Menu</a></li>
<li><a href="disabled.html">Disabled Command</a></li>
<li><a href="disabled-callback.html">Disabled Callback Command</a></li>
<li><a href="disabled-changing.html">Changing Command's disabled status</a></li>

<li><a href="accesskeys.html">Accesskeys</a></li>
<li><a href="sub-menus.html">Submenus</a></li>

<li><a href="input.html">Input Commands</a></li>
<li><a href="custom-command.html">Custom Command Types</a></li>

<li><a href="menu-title.html">Menus with titles</a></li>

<li><a href="html5-import.html">Importing HTML5 &lt;menu type=&quot;context&quot;&gt;</a></li>
<li><a href="html5-polyfill.html">HTML5 Polyfill</a></li>
<li><a href="html5-polyfill-firefox8.html">HTML5 Polyfill (Firefox 8)</a></li>
</ul>
</div>
</body>
</html>
1 change: 1 addition & 0 deletions demo/trigger-swipe.html
Expand Up @@ -109,6 +109,7 @@ <h2>jQuery Context Menu Demo Gallery</h2>
<li><a href="callback.html">Command's action (callbacks)</a></li>

<li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
<li><a href="trigger-left-right-click.html">Left-Right-Click Trigger</a></li>
<li class="current"><a href="trigger-swipe.html">Swipe Trigger</a></li>
<li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
<li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs.html
Expand Up @@ -93,7 +93,7 @@ <h3 id="options">options (at registration)</h3>
<dd>
<p>default: <em>"right"</em></p>
<p>Specifies the event to show the contextMenu</p>
<p>Possible values: "right", "left", "hover", "none"</p>
<p>Possible values: "right", "left", "hover", "leftright","none"</p>
</dd>

<dt id="options-reposition"><em>(boolean)</em> reposition</dt>
Expand Down