proposal for a new js interface
[src/app-framework-binder.git] / test / AFB.html
1 <html>
2 <head>
3     <title>Test of AFB Echo</title>
4     <script type="text/javascript" src="AFB.js"></script>
5     <script type="text/javascript">
6         var afb = new AFB("api", "hello-token");
7         var ws;
8
9         function onopen() {
10                 document.getElementById("main").style.visibility = "visible";
11                 document.getElementById("connected").innerHTML = "Connected to WebSocket server";
12         }
13         function onabort() {
14                 document.getElementById("main").style.visibility = "hidden";
15                 document.getElementById("connected").innerHTML = "Connected Closed";
16         }
17         function init() {
18                 ws = new afb.ws(onopen, onabort);
19         }
20         function replyok(obj) {
21                 document.getElementById("output").innerHTML = "OK: "+JSON.stringify(obj);
22         }
23         function replyerr(obj) {
24                 document.getElementById("output").innerHTML = "ERROR: "+JSON.stringify(obj);
25         }
26         function send(message) {
27                 var api = document.getElementById("api").value;
28                 var verb = document.getElementById("verb").value;
29                 ws.call(api, verb, {data:message}, replyok, replyerr);
30         }
31     </script>
32
33 <body onload="init();">
34     <h1>WebSocket Echo</h1>
35     <div id="connected">Not Connected</div>
36     <div id="main" style="visibility:hidden">
37     API: <input type="text" id="api" value="hello" size="80"/><br/>
38     VERB: <input type="text" id="verb" value="ping" size="80"/><br/>
39     Enter Message: <input type="text" name="message" value="" size="80" onchange="send(this.value)"/><br/>
40     Server says... <div id="output"></div>
41     </div>
42