summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Keyhandler_1.html
diff options
context:
space:
mode:
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Keyhandler_1.html')
-rw-r--r--webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Keyhandler_1.html117
1 files changed, 0 insertions, 117 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Keyhandler_1.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Keyhandler_1.html
deleted file mode 100644
index bfd2ec6b15..0000000000
--- a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Keyhandler_1.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>qooxdoo &raquo; Demo</title>
- <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
- <!--[if IE]>
- <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
- <![endif]-->
- <script type="text/javascript" src="../../script/qx.js"></script>
-
- <style type="text/css">
- #keylogger {
- position: absolute;
- width: 500px;
- height: 500px;
- left: 30px;
- top: 40px;
- color: black;
- background-color: #EEE;
- padding: 5px;
- border: 1px inset;
- overflow: scroll;
- /* display:none; */
- }
-
- table {
- width: 100%;
- }
-
- td {
- text-align: center;
- }
- </style>
-
-</head>
-<body>
- <script type="text/javascript" src="../../script/layout.js"></script>
-
- <div id="demoDescription">
- <p>Keyhandler Test</p>
- <p>Displays qoooxdoo's normalized key events.</p>
- </div>
-
-
- <div id="keylogger">
- </div>
-
- <script type="text/javascript">
-
- qx.core.Init.getInstance().defineMain(function()
- {
- var tableHead = "<table><tr><th>Event</th><th>key identifier</th><th>key code</th><th>char code</th><th>Shift</th><th>Ctrl</th><th>Alt</th></tr>";
- var keyEvents = [];
- var maxLogSize = 50;
- var logDiv = document.getElementById("keylogger");
-
- function initializeLogger() {
- logDiv.innerHTML = tableHead + "</table>";
- keyEvents = [];
- }
-
- function logKeyEvent(keyEvent) {
- var eventCopy = {
- type: keyEvent.getType(),
- iden: keyEvent.getKeyIdentifier(),
- keyCode: keyEvent.getKeyCode(),
- charCode: keyEvent.getCharCode(),
- shift: keyEvent.getDomEvent().shiftKey,
- alt: keyEvent.getDomEvent().altKey,
- ctrl: keyEvent.getDomEvent().ctrlKey
- }
- keyEvents.unshift(eventCopy);
- keyEvents = keyEvents.slice(0, maxLogSize);
- str = [tableHead];
- for (var i=0; i<keyEvents.length; i++) {
- var e = keyEvents[i];
- str.push("<tr><td>");
- str.push(e.type);
- str.push("</td><td>");
- str.push(e.iden);
- str.push("</td><td>");
- str.push(e.keyCode);
- str.push("</td><td>");
- str.push(e.charCode);
- str.push("</td><td>");
- str.push(e.shift);
- str.push("</td><td>");
- str.push(e.ctrl);
- str.push("</td><td>");
- str.push(e.alt);
- str.push("</td></tr>");
- }
- str.push("</table>");
- logDiv.innerHTML = str.join("");
- logDiv.scrollTop = 0;
- }
-
- initializeLogger();
-
- var d = qx.ui.core.ClientDocument.getInstance();
- d.addEventListener("keydown", logKeyEvent);
- d.addEventListener("keypress", logKeyEvent);
- d.addEventListener("keyinput", logKeyEvent);
- d.addEventListener("keyup", logKeyEvent);
-
- var button = new qx.ui.form.Button("clear");
- button.set({
- left: 550,
- top: 40
- });
- button.addEventListener("execute", initializeLogger);
- button.addToDocument();
-
- });
- </script>
-</body>
-</html>