tests/input.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head><title>Input Test</title></head>
   4     <body>
   5         <br><br>
   6
   7         Canvas:<br>
   8         <canvas id="canvas" width="640" height="20"
   9                 style="border-style: dotted; border-width: 1px;">
  10             Canvas not supported.
  11         </canvas>
  12
  13         <br>
  14         Results:<br>
  15         <textarea id="messages" style="font-size: 9;" cols=80 rows=25></textarea>
  16     </body>
  17
  18     <!--
  19     <script type='text/javascript'
  20         src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
  21     -->
  22     <script src="../include/util.js"></script>
  23     <script src="../include/webutil.js"></script>
  24     <script src="../include/base64.js"></script>
  25     <script src="../include/canvas.js"></script>
  26     <script>
  27         var msg_cnt = 0;
  28         var width = 400, height = 200;
  29         var iterations;
  30
  31         function message(str) {
  32             console.log(str);
  33             cell = $D('messages');
  34             cell.innerHTML += msg_cnt + ": " + str + "\n";
  35             cell.scrollTop = cell.scrollHeight;
  36         }
  37
  38         function mouseButton(x, y, down, bmask) {
  39             msg = 'mouse x,y: ' + x + ',' + y + '  down: ' + down;
  40             msg += ' bmask: ' + bmask;
  41             console.log(msg);
  42             message(msg);
  43         }
  44
  45         function mouseMove(x, y) {
  46             msg = 'mouse x,y: ' + x + ',' + y;
  47             //console.log(msg);
  48         }
  49
  50         function keyPress(keysym, down) {
  51             msg = "keyPress keysym: " + keysym + " down: " + down;
  52             console.log(msg);
  53             message(msg);
  54         }
  55
  56         window.onload = function() {
  57             var canvas = new Canvas({'target' : $D('canvas')});
  58             canvas.resize(width, height, true);
  59             canvas.start(keyPress, mouseButton, mouseMove);
  60             message("Canvas initialized");
  61         }
  62     </script>
  63 </html>