1<!DOCTYPE html>
2<html>
3  <!--
4  Copyright 2013 Google Inc.
5
6  Use of this source code is governed by a BSD-style license that can be
7  found in the LICENSE file.
8  -->
9<head>
10
11  <title>Skia Hello World</title>
12
13  <script type="text/javascript">
14    "use strict";
15
16    var SkiaModule = null;  // Global application object.
17
18    // Force a re-draw of the given element.
19    function refresh(elem) {
20      var old_display_style = elem.style.display;
21      elem.style.display = "none";
22      elem.style.display = old_display_style;
23    }
24
25    // When the module loads, begin running the application.
26    function moduleDidLoad() {
27      SkiaModule = document.getElementById("skia_nacl");
28      run();
29    }
30
31    function handleMessage(message_event) {
32      var skdebugf_cmd = "SkDebugf:";
33      if (message_event.data.indexOf(skdebugf_cmd) == 0) {
34        var msg_contents = message_event.data.slice(skdebugf_cmd.length)
35        console.log("Skia: " + msg_contents);
36      } else {
37        alert(message_event.data);
38      }
39    }
40
41    // Run the application.
42    function run() {
43      if (SkiaModule) {
44        var cmd = "init";
45        SkiaModule.postMessage(cmd);
46      } else {
47        alert("The Skia module has not properly loaded...");
48      }
49    }
50  </script>
51</head>
52<body>
53
54<h1>Skia Hello World</h1>
55<p>
56  <div id="listener">
57    <script type="text/javascript">
58      var listener = document.getElementById('listener');
59      listener.addEventListener('load', moduleDidLoad, true);
60      listener.addEventListener('message', handleMessage, true);
61    </script>
62
63    <embed name="nacl_module"
64       id="skia_nacl"
65       width=300 height=300
66       src="skhello.nmf"
67       type="application/x-nacl" />
68  </div>
69</p>
70</body>
71</html>
72