-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AppWidget</title>
<script>
window.onmessage = function(e) {
document.getElementById("message").innerHTML += e.data;
pdWindow.document.getElementById("fromBox").innerHTML += "<br>[web messaging] Hello, PD";
}
-
window.addEventListener("pdevent",
- function(e) {
- document.getElementById("message").innerHTML += e.detail.message;
- pdWindow.document.getElementById("fromBox").innerHTML += "<br>[custom event] Hello, PD";
- }, false);
+ function(e) {
+ document.getElementById("message").innerHTML += e.detail.message;
+ pdWindow.document.getElementById("fromBox").innerHTML += "<br>[custom event] Hello, PD";
+ }, false);
</script>
</head>
- <body bgcolor="#99CCFF" text="#FFFFFF" >
- <div id="demo"><h1>AppWidget Sample</h1></div>
- <div id="demo"><h1>This is a Box.</h1></div>
+ <body bgcolor="#99CCFF" text="#FFFFFF">
+ <div id="demo">AppWidget Sample</div>
+ <div id="demo">This is a Box.</div>
<div id="message"></div>
</body>
</html>