test/websock.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html>
   3   <head>
   4     <title>WebSocket Echo</title>
   5     <script type="text/javascript">
   6     <!--
   7       var ws;
   8
   9       if ((typeof(WebSocket) == 'undefined') &&
  10           (typeof(MozWebSocket) != 'undefined')) {
  11         WebSocket = MozWebSocket;
  12       }
  13
  14       function init() {
  15         ws = new WebSocket("ws://localhost:1234/api/");
  16         ws.onopen = function(event) {
  17           document.getElementById("main").style.visibility = "visible";
  18           document.getElementById("connected").innerHTML = "Connected to WebSocket server";
  19         };
  20         ws.onmessage = function(event) {
  21           document.getElementById("output").innerHTML = event.data;
  22         };
  23         ws.onerror = function(event) { alert("Received error"); };
  24         ws.onclose = function(event) {
  25           ws = null;
  26           document.getElementById("main").style.visibility = "hidden";
  27           document.getElementById("connected").innerHTML = "Connection Closed";
  28         }
  29       }
  30
  31       function send(message) {
  32         if (ws) {
  33           ws.send(message);
  34         }
  35       }
  36     // -->
  37     </script>
  38   </head>
  39   <body onload="init();">
  40     <h1>WebSocket Echo</h1>
  41     <div id="connected">Not Connected</div>
  42     <div id="main" style="visibility:hidden">
  43     Enter Message: <input type="text" name="message" value="" size="80" onchange="send(this.value)"/><br/>
  44     Server says... <div id="output"></div>
  45     </div>
  46   </body>
  47 </html>