← Back to branch summary

~holger-seelig/cobweb.js/trunk

« back to all changes in this revision

Viewing changes to src/lib/jquery-contextMenu/demo/callback.html

  • Committer: Holger Seelig
  • Date: 2017-08-22 04:53:24 UTC
  • Revision ID: holger.seelig@yahoo.de-20170822045324-4of4xxgt79669gbt
Switched to npm.

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/lib/jquery-contextMenu/demo/callback.html
 
1
<!DOCTYPE html>
 
2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
 
3
<head>
 
4
    <meta charset="utf-8" />
 
5
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
6
    <title>Command's action (callbacks) Demo - jQuery contextMenu Plugin</title>
 
7
    <meta name="description" content="simple contextMenu generator for interactive web applications based on jQuery" />
 
8
 
 
9
    <script src="../jquery-1.8.2.min.js" type="text/javascript"></script>
 
10
    <script src="../dist/jquery.ui.position.min.js" type="text/javascript"></script>
 
11
    <script src="../dist/jquery.contextMenu.min.js" type="text/javascript"></script>
 
12
    <script src="../prettify/prettify.js" type="text/javascript"></script>
 
13
    <script src="../screen.js" type="text/javascript"></script>
 
14
 
 
15
    <link href="../dist/jquery.contextMenu.min.css" rel="stylesheet" type="text/css" />
 
16
    <link href="../screen.css" rel="stylesheet" type="text/css" />
 
17
    <link href="../prettify/prettify.sunburst.css" rel="stylesheet" type="text/css" />
 
18
 
 
19
    <script type="text/javascript">
 
20
 
 
21
      var _gaq = _gaq || [];
 
22
      _gaq.push(['_setAccount', 'UA-66438984-1']);
 
23
      _gaq.push(['_trackPageview']);
 
24
 
 
25
      (function() {
 
26
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
27
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
28
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
29
      })();
 
30
 
 
31
    </script>
 
32
</head>
 
33
<body>
 
34
    <a id="github-forkme" href="https://github.com/swisnl/jQuery-contextMenu"><img src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
 
35
    <div id="container">
 
36
    <h1><a href="https://github.com/swisnl/jQuery-contextMenu">jQuery contextMenu</a></h1>
 
37
    
 
38
    <ul class="menu">
 
39
        <li><a href="../index.html">About</a></li>
 
40
        <li class="active"><a href="../demo.html">Demo</a></li>
 
41
        <li><a href="../docs.html">Documentation</a></li>
 
42
        <li><a href="http://www.swis.nl/over-ons/bjorn-brala">Author</a></li>
 
43
    </ul>
 
44
 
 
45
    <h2 id="demo">Demo: Command's action (callbacks)</h2>
 
46
    <div class="inline-spaces">
 
47
<div class="context-menu-one box menu-1">
 
48
    <strong>right click me</strong>
 
49
</div>
 
50
    </div>
 
51
 
 
52
    <h3 id="code">Example code: Command's action (callbacks)</h3>
 
53
    <script type="text/javascript" class="showcase">
 
54
$(function(){
 
55
    $.contextMenu({
 
56
        selector: '.context-menu-one', 
 
57
        callback: function(key, options) {
 
58
            var m = "global: " + key;
 
59
            window.console && console.log(m) || alert(m); 
 
60
        },
 
61
        items: {
 
62
            "edit": {
 
63
                name: "Edit", 
 
64
                icon: "edit", 
 
65
                // superseeds "global" callback
 
66
                callback: function(key, options) {
 
67
                    var m = "edit was clicked";
 
68
                    window.console && console.log(m) || alert(m); 
 
69
                }
 
70
            },
 
71
            "cut": {name: "Cut", icon: "cut"},
 
72
            "copy": {name: "Copy", icon: "copy"},
 
73
            "paste": {name: "Paste", icon: "paste"},
 
74
            "delete": {name: "Delete", icon: "delete"},
 
75
            "sep1": "---------",
 
76
            "quit": {name: "Quit", icon: function($element, key, item){ return 'icon icon-quit'; }}
 
77
        }
 
78
    });
 
79
});
 
80
    </script>
 
81
 
 
82
    <h3 id="html">Example HTML: Command's action (callbacks)</h3>
 
83
    <div style="display:none" class="showcase" data-showcase-import=".menu-1"></div>
 
84
    
 
85
    
 
86
    <h2>jQuery Context Menu Demo Gallery</h2>
 
87
    <ul id="demo-list">
 
88
        <li><a href="../demo.html">Simple Context Menu</a></li>
 
89
        <li><a href="on-dom-element.html">Context Menu on DOM Element</a></li>
 
90
        <li><a href="dynamic.html">Adding new Context Menu Triggers</a></li>
 
91
        <li><a href="dynamic-create.html">Create Context Menu on demand</a></li>
 
92
        <li><a href="async-create.html">Create Context Menu (asynchronous)</a></li>
 
93
 
 
94
        <li><a href="keeping-contextmenu-open.html">Keeping the context menu open</a></li>
 
95
        <li class="current"><a href="callback.html">Command's action (callbacks)</a></li>
 
96
 
 
97
        <li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
 
98
        <li><a href="trigger-swipe.html">Swipe Trigger</a></li>
 
99
        <li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
 
100
        <li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
 
101
        <li><a href="trigger-custom.html">Custom Activated Context Menu</a></li>
 
102
 
 
103
        <li><a href="disabled-menu.html">Disabled Menu</a></li>
 
104
        <li><a href="disabled.html">Disabled Command</a></li>
 
105
        <li><a href="disabled-callback.html">Disabled Callback Command</a></li>
 
106
        <li><a href="disabled-changing.html">Changing Command's disabled status</a></li>
 
107
 
 
108
        <li><a href="accesskeys.html">Accesskeys</a></li>
 
109
        <li><a href="sub-menus.html">Submenus</a></li>
 
110
 
 
111
        <li><a href="input.html">Input Commands</a></li>
 
112
        <li><a href="custom-command.html">Custom Command Types</a></li>
 
113
        
 
114
        <li><a href="menu-title.html">Menus with titles</a></li>
 
115
 
 
116
        <li><a href="html5-import.html">Importing HTML5 &lt;menu type=&quot;context&quot;&gt;</a></li>
 
117
        <li><a href="html5-polyfill.html">HTML5 Polyfill</a></li>
 
118
        <li><a href="html5-polyfill-firefox8.html">HTML5 Polyfill (Firefox 8)</a></li>
 
119
    </ul>
 
120
    </div>
 
121
</body>
 
122
</html>
 
 
b'\\ No newline at end of file'