test/websock.html

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