Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100755 94 lines (77 sloc) 5.712 kb
4fe010b Rodney Rehm formatting
rodneyrehm authored
1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
fed45e5 Rodney Rehm preparing publication
rodneyrehm authored
3 <head>
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
4 <meta charset="utf-8" />
5 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6 <title>jQuery contextMenu Plugin</title>
7 <meta name="description" content="simple contextMenu generator for interactive web applications based on jQuery" />
8
9 <link href="screen.css" rel="stylesheet" type="text/css" />
2c57f49 Rodney Rehm analyticsm, sorry...
rodneyrehm authored
10 <script type="text/javascript">
11
12 var _gaq = _gaq || [];
13 _gaq.push(['_setAccount', 'UA-8922143-3']);
14 _gaq.push(['_trackPageview']);
15
16 (function() {
17 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
18 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
19 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
20 })();
21
22 </script>
4fe010b Rodney Rehm formatting
rodneyrehm authored
23 </head>
24 <body>
a9bd1e6 Rodney Rehm github watcher
rodneyrehm authored
25 <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>
26 <div id="github-watch"><a href="https://github.com/medialize/jQuery-contextMenu" class="gitwatch">jQuery Github Repository</a></div>
27
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
28 <div id="container">
a9bd1e6 Rodney Rehm github watcher
rodneyrehm authored
29 <h1><a href="https://github.com/medialize/jQuery-contextMenu">jQuery contextMenu</a></h1>
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
30
31 <ul class="menu">
32 <li class="active"><a href="index.html">About</a></li>
33 <li><a href="demo.html">Demo</a></li>
34 <li><a href="docs.html">Documentation</a></li>
65936cc Rodney Rehm demos
rodneyrehm authored
35 <li><a href="http://rodneyrehm.de/en/">Author</a></li>
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
36 </ul>
4fe010b Rodney Rehm formatting
rodneyrehm authored
37
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
38 <p>
b716d07 Rodney Rehm fixed html5 import
rodneyrehm authored
39 <img src="screenshots/jquery-contextMenu.subs.png" alt="context menu rendered by $.contextMenu">
40 <img src="screenshots/native.firefox-9.0a1.png" alt="Native context menu in Firefox 9.0 Alpha 1">
41 <!-- img src="screenshots/jquery-contextMenu.png" alt="context menu rendered by $.contextMenu" -->
42 </p>
43
44 <p>
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
45 The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects.
46 Unlike implementations as <a href="http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/" target="_blank">a beautiful site's</a> or <a href="http://www.trendskitchens.co.nz/jquery/contextmenu/" target="_blank">trendskitchens'</a> this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, contextMenu doesn't need to bind itself to triggering objects. This allows injecting and removing triggers without having to re-initialize or update contextMenu.
47 </p>
48
49 <p>
029a1cb Rodney Rehm docs
rodneyrehm authored
50 contextMenu can provide a simple list of clickable commands, or offer an in-menu form. This makes very simple attribute modification possible. See the <a href="demo/input.html">input example</a>.
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
51 </p>
52
53 <p>
54 Once a menu is registered, it cannot be altered. That means no commands can be added or removed from the menu. This allows contextMenu to keep a single definition in memory, which enables it to work with hundreds of trigger objects. contextMenu knows the two callbacks <em>show</em> and <em>hide</em> which can be used to update the state of commands within the menu. This allows en/disabling commands, changing icons or updating the values of contained &lt;input&gt; elements.
55 </p>
56
57 <p>
58 And, yes, the icons provided in this demo are taken from a <a href="http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/">beautiful site</a>,
42b01ca Rodney Rehm UTF-8?!
rodneyrehm authored
59 as well as some implementation ideas...
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
60 </p>
61
62 <h2 id="features">Features</h2>
63
64 <ul>
029a1cb Rodney Rehm docs
rodneyrehm authored
65 <li>trigger contextMenu with right-click, <a href="demo/trigger-left-click.html">left-click</a>, <a href="demo/trigger-hover.html">hover</a> or own <a href="demo/trigger-custom.html">custom trigger</a> events</li>
66 <li>delegated event handling removing the need for re-initialization when trigger objects are <a href="demo/dynamic.html">added / removed</a></li>
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
67 <li>optional icons for commands</li>
029a1cb Rodney Rehm docs
rodneyrehm authored
68 <li><a href="demo/input.html">input elements</a> (text, textarea, checkbox, radio, select) within the menu</li>
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
69 <li>custom html elements (command free)</li>
70 <li>show/hide callbacks to update the state of commands</li>
71 <li>small memory footprint even with hundreds of trigger objects</li>
72 <li>adjust position of menu to fit in viewport</li>
029a1cb Rodney Rehm docs
rodneyrehm authored
73 <li><a href="demo/disabled-changing.html">enable / disable</a> commands</li>
74 <li>nested <a href="demo/sub-menus.html">sub-menus</a></li>
75 <li>full keyboard interaction</li>
76 <li><a href="demo/html5-import.html">HTML5 &lt;menu&gt;</a> support</li>
42b01ca Rodney Rehm UTF-8?!
rodneyrehm authored
77 <li>CSS is for styling, javascript is not...</li>
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
78 </ul>
b7d4caf Rodney Rehm more doc stuff
rodneyrehm authored
79
80 <h2 id="authors">Authors</h2>
81 <ul>
98ef283 Rodney Rehm bla
rodneyrehm authored
82 <li><a href="http://rodneyrehm.de/en/">Rodney Rehm</a></li>
b7d4caf Rodney Rehm more doc stuff
rodneyrehm authored
83 <li><a href="https://github.com/christiaan">Christian Baartse</a> (single callback per menu)</li>
84 <li><a href="https://github.com/addyosmani">Addy Osmani</a> (compatibility with native context menu in Firefox 8)</li>
85 </ul>
86
87 <h2 id="license">License</h2>
5294316 Rodney Rehm dual license MIT and GPLv3
rodneyrehm authored
88 <p>$.contextMenu is published under the <a href="http://www.opensource.org/licenses/mit-license">MIT license</a> and <a href="http://opensource.org/licenses/GPL-3.0">GPL v3</a>.</p>
b7d4caf Rodney Rehm more doc stuff
rodneyrehm authored
89
74b4afd Rodney Rehm 4 spaces make one indentation. Damn TextMate�
rodneyrehm authored
90 </div>
a9bd1e6 Rodney Rehm github watcher
rodneyrehm authored
91
92 <script type="text/javascript" src="https://raw.github.com/addyosmani/github-watchers-button/master/github-watchers.min.js"></script>
4fe010b Rodney Rehm formatting
rodneyrehm authored
93 </body>
21d1c04 Rodney Rehm code from http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plu...
rodneyrehm authored
94 </html>
Something went wrong with that request. Please try again.