box/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   2 <html>
   3     <head>
   4         <meta name="viewport" content="width=device-width, initial-scale=1" />
   5         <title>AppWidget</title>
   6         <script>
   7             window.onmessage = function(e) {
   8                 document.getElementById("message").innerHTML += e.data;
   9                 pdWindow.document.getElementById("fromBox").innerHTML += "<br>[web messaging] Hello, PD";
  10             }
  11             window.addEventListener("pdevent",
  12             function(e) {
  13                 document.getElementById("message").innerHTML += e.detail.message;
  14                 pdWindow.document.getElementById("fromBox").innerHTML += "<br>[custom event] Hello, PD";
  15             }, false);
  16         </script>
  17     </head>
  18         <body bgcolor="#99CCFF" text="#FFFFFF">
  19         <div id="demo">AppWidget Sample</div>
  20         <div id="demo">This is a Box.</div>
  21         <div id="message"></div>
  22     </body>
  23 </html>