1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
4 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
5 <title>Drop View</title>
7 if (typeof window.appwidget != 'undefined') {
10 window.addEventListener("appwidgetready", onAppWidgetReady, false);
11 console.log("appwidgetready event is registered");
14 function onAppWidgetReady() {
15 console.log("appwidgetready event is fired");
19 function listenBoxMessage() {
20 window.addEventListener("boxmessage",
22 document.getElementById("fromBox").innerHTML += unescape(e) + '<br>';
27 window.appwidget.sendMessageToBox("Hello, Dynamic Box");
32 -webkit-user-select: none;
37 <body bgcolor="#FF9966" text="#FFFFFF">
38 This is a Drop View.<br>A Drop View can control the Box.<br>
39 <input type="button" value="Send message to Box" onclick="send()" />
40 <div id="fromBox"></div>