blob: 1db33b2aa964ccc843aa3cea1935c6700fcdb4c2 (
plain)
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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>WebSocket Echo</title>
<script type="text/javascript">
<!--
var ws;
if ((typeof(WebSocket) == 'undefined') &&
(typeof(MozWebSocket) != 'undefined')) {
WebSocket = MozWebSocket;
}
function init() {
ws = new WebSocket("ws://localhost:1234/api/");
ws.onopen = function(event) {
document.getElementById("main").style.visibility = "visible";
document.getElementById("connected").innerHTML = "Connected to WebSocket server";
};
ws.onmessage = function(event) {
document.getElementById("output").innerHTML = event.data;
};
ws.onerror = function(event) { alert("Received error"); };
ws.onclose = function(event) {
ws = null;
document.getElementById("main").style.visibility = "hidden";
document.getElementById("connected").innerHTML = "Connection Closed";
}
}
function send(message) {
if (ws) {
ws.send(message);
}
}
// -->
</script>
</head>
<body onload="init();">
<h1>WebSocket Echo</h1>
<div id="connected">Not Connected</div>
<div id="main" style="visibility:hidden">
Enter Message: <input type="text" name="message" value="" size="80" onchange="send(this.value)"/><br/>
Server says... <div id="output"></div>
</div>
</body>
</html>
|