1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <title>WebSocket Echo</title>
5 <script type="text/javascript">
9 if ((typeof(WebSocket) == 'undefined') &&
10 (typeof(MozWebSocket) != 'undefined')) {
11 WebSocket = MozWebSocket;
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";
20 ws.onmessage = function(event) {
21 document.getElementById("output").innerHTML = event.data;
23 ws.onerror = function(event) { alert("Received error"); };
24 ws.onclose = function(event) {
26 document.getElementById("main").style.visibility = "hidden";
27 document.getElementById("connected").innerHTML = "Connection Closed";
31 function send(message) {
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>