← Back to branch summary

~ubuntu-branches/ubuntu/vivid/emscripten/vivid

« back to all changes in this revision

Viewing changes to tests/embind/shell.html

  • Committer: Package Import Robot
  • Author(s): Sylvestre Ledru
  • Date: 2013-05-02 13:11:51 UTC
  • Revision ID: package-import@ubuntu.com-20130502131151-q8dvteqr1ef2x7xz
Tags: upstream-1.4.1~20130504~adb56cb
Import upstream version 1.4.1~20130504~adb56cb

Show diffs side-by-side

added added

removed removed

Lines of Context:
tests/embind/shell.html
 
1
<!doctype html>
 
2
<html lang="en-us">
 
3
  <head>
 
4
    <meta charset="utf-8">
 
5
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
6
    <title>Emscripten-Generated Code</title>
 
7
    <style>
 
8
      .emscripten { padding-right: 0; margin-left: auto; margin-right: auto; display: block; }
 
9
      textarea.emscripten { font-family: monospace; width: 80%; }
 
10
      div.emscripten { text-align: center; }
 
11
      div.emscripten_border { border: 1px solid black; }
 
12
      /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
 
13
      canvas.emscripten { border: 0px none; }
 
14
    </style>
 
15
  </head>
 
16
  <body>
 
17
    <div class="emscripten" id="status">Downloading...</div>
 
18
    <div class="emscripten">
 
19
      <progress value="0" max="100" id="progress" hidden=1></progress>  
 
20
    </div>
 
21
    <div class="emscripten_border" style="display:none;">
 
22
      <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
 
23
    </div>
 
24
    <div class="emscripten" style="display:none;">
 
25
      <input type="checkbox" id="resize">Resize canvas
 
26
      <input type="checkbox" id="pointerLock" checked>Lock/hide mouse pointer
 
27
      &nbsp;&nbsp;&nbsp;
 
28
      <input type="button" value="Fullscreen" onclick="Module.requestFullScreen(document.getElementById('pointerLock').checked, 
 
29
                                                                                document.getElementById('resize').checked)">
 
30
    </div>
 
31
    
 
32
    <hr/>
 
33
    <textarea class="emscripten" id="output" rows="45"></textarea>
 
34
    <hr>
 
35
    <script type='text/javascript'>
 
36
      // connect to canvas
 
37
      var Module = {
 
38
        preRun: [],
 
39
        postRun: [],
 
40
        print: (function() {
 
41
          var element = document.getElementById('output');
 
42
          element.value = ''; // clear browser cache
 
43
          return function(text) {
 
44
            text = Array.prototype.slice.call(arguments).join(' ');
 
45
            // These replacements are necessary if you render to raw HTML
 
46
            //text = text.replace(/&/g, "&amp;");
 
47
            //text = text.replace(/</g, "&lt;");
 
48
            //text = text.replace(/>/g, "&gt;");
 
49
            //text = text.replace('\n', '<br>', 'g');
 
50
            element.value += text + "\n";
 
51
            element.scrollTop = 99999; // focus on bottom
 
52
          };
 
53
        })(),
 
54
        printErr: function(text) {
 
55
          text = Array.prototype.slice.call(arguments).join(' ');
 
56
          if (0) { // XXX disabled for safety typeof dump == 'function') {
 
57
            dump(text + '\n'); // fast, straight to the real console
 
58
          } else {
 
59
            console.log(text);
 
60
          }
 
61
        },
 
62
        canvas: document.getElementById('canvas'),
 
63
        setStatus: function(text) {
 
64
          if (Module.setStatus.interval) clearInterval(Module.setStatus.interval);
 
65
          var m = text.match(/([^(]+)\((\d+(\.\d+)?)\/(\d+)\)/);
 
66
          var statusElement = document.getElementById('status');
 
67
          var progressElement = document.getElementById('progress');
 
68
          if (m) {
 
69
            text = m[1];
 
70
            progressElement.value = parseInt(m[2])*100;
 
71
            progressElement.max = parseInt(m[4])*100;
 
72
            progressElement.hidden = false;
 
73
          } else {
 
74
            progressElement.value = null;
 
75
            progressElement.max = null;
 
76
            progressElement.hidden = true;
 
77
          }
 
78
          statusElement.innerHTML = text;
 
79
        },
 
80
        totalDependencies: 0,
 
81
        monitorRunDependencies: function(left) {
 
82
          this.totalDependencies = Math.max(this.totalDependencies, left);
 
83
          Module.setStatus(left ? 'Preparing... (' + (this.totalDependencies-left) + '/' + this.totalDependencies + ')' : 'All downloads complete.');
 
84
        }
 
85
      };
 
86
      Module.setStatus('Downloading...');
 
87
    </script>      
 
88
    <script type='text/javascript'>
 
89
 
 
90
      {{{ SCRIPT_CODE }}}
 
91
 
 
92
    </script>
 
93
  </body>
 
94
</html>