sample/templates/websockets2.html

   1 <!DOCTYPE html>
   2 <html>
   3    <head>
   4       <script type="text/javascript">
   5          var sock = null;
   6          var ellog = null;
   7
   8          window.onload = function() {
   9
  10             var wsuri;
  11             ellog = document.getElementById('log');
  12
  13             if (window.location.protocol === "file:") {
  14                wsuri = "ws://localhost:9000";
  15             } else {
  16                wsuri = "ws://" + window.location.hostname + ":9000";
  17             }
  18
  19             if ("WebSocket" in window) {
  20                sock = new WebSocket(wsuri);
  21             } else if ("MozWebSocket" in window) {
  22                sock = new MozWebSocket(wsuri);
  23             } else {
  24                log("Browser does not support WebSocket!");
  25                window.location = "http://autobahn.ws/unsupportedbrowser";
  26             }
  27
  28             if (sock) {
  29                sock.onopen = function() {
  30                   log("Connected to " + wsuri);
  31                }
  32
  33                sock.onclose = function(e) {
  34                   log("Connection closed (wasClean = " + e.wasClean + ", code = " + e.code + ", reason = '" + e.reason + "')");
  35                   sock = null;
  36                }
  37
  38                sock.onmessage = function(e) {
  39                   log("Got echo: " + e.data);
  40                }
  41             }
  42          };
  43
  44          function broadcast() {
  45             var msg = document.getElementById('message').value;
  46             if (sock) {
  47                sock.send(msg);
  48                log("Sent: " + msg);
  49             } else {
  50                log("Not connected.");
  51             }
  52          };
  53
  54          function log(m) {
  55             ellog.innerHTML += m + '\n';
  56             ellog.scrollTop = ellog.scrollHeight;
  57          };
  58       </script>
  59    </head>
  60    <body>
  61       <h1>Autobahn WebSocket Broadcast Demo</h1>
  62       <noscript>You must enable JavaScript</noscript>
  63       <form>
  64          <p>Broadcast Message: <input id="message" type="text" size="50" maxlength="50" value="Hello from Browser!"></p>
  65       </form>
  66       <button onclick='broadcast();'>Broadcast Message</button>
  67       <pre id="log" style="height: 20em; overflow-y: scroll; background-color: #faa;"></pre>
  68    </body>
  69 </html>