sse.html - RDoc Documentation

<!doctype html> <html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>EventSource test</title>
</head>
<body>

  <h1>EventSource test</h1>
  <ul></ul>

  <script type="text/javascript">
    var logger = document.getElementsByTagName('ul')[0],
        socket = new EventSource('/');

    var log = function(text) {
      logger.innerHTML += '<li>' + text + '</li>';
    };

    socket.onopen = function() {
      log('OPEN');
    };

    socket.onmessage = function(event) {
      log('MESSAGE: ' + event.data);
    };

    socket.addEventListener('update', function(event) {
      log('UPDATE(' + event.lastEventId + '): ' + event.data);
    });

    socket.onerror = function(event) {
      log('ERROR: ' + event.message);
    };
  </script>

</body>
</html>