Ivory/index.htm at master · cheshirecats/Ivory · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<meta charset="utf-8" />
<title>WebSocket Test</title>
<script language="javascript" type="text/javascript">

  var wsUri = 'ws://127.0.0.1:[%PORT%]/';
  var output;

  function init()
  {
    output = document.getElementById('output');
    testWebSocket();
  }

  function testWebSocket()
  {
    websocket = new WebSocket(wsUri);
    websocket.onopen = function(evt) { onOpen(evt) };
    websocket.onclose = function(evt) { onClose(evt) };
    websocket.onmessage = function(evt) { onMessage(evt) };
    websocket.onerror = function(evt) { onError(evt) };
  }

  function onOpen(evt)
  {
    writeToScreen('CONNECTED');
    doSend('Hello, world!');
  }

  function onClose(evt)
  {
    writeToScreen('DISCONNECTED');
  }

  function onMessage(evt)
  {
    writeToScreen('<span style="color: blue;">IN: ' + evt.data + '</span>');
    websocket.close();
  }

  function onError(evt)
  {
    writeToScreen('<span style="color: red;">ERROR: ' + evt.data + '</span>');
  }

  function doSend(message)
  {
    writeToScreen('OUT: ' + message);
    websocket.send(message);
  }

  function writeToScreen(message)
  {
    var pre = document.createElement('p');
    pre.innerHTML = message;
    output.appendChild(pre);
  }

  window.addEventListener('load', init, false);

</script>
<h2>WebSocket Test</h2>
<div id="output"></div>
</html>