source: python-simple-websocket-server/simple-websocket-server/SimpleWebSocketServer/websocket.html @ 1309

Last change on this file since 1309 was 1309, checked in by joamuran, 3 years ago

initial upload

File size: 2.3 KB
Line 
1<!DOCTYPE html>
2
3<meta charset="utf-8" />
4
5<title>WebSocket Test</title>
6
7<script language="javascript" type="text/javascript">
8
9
10  function init()
11  {
12        document.myform.url.value = "ws://localhost:8000/"
13        document.myform.inputtext.value = "Hello World!"
14        document.myform.disconnectButton.disabled = true;
15  }
16
17  function doConnect()
18  {
19    websocket = new WebSocket(document.myform.url.value);
20    websocket.onopen = function(evt) { onOpen(evt) };
21    websocket.onclose = function(evt) { onClose(evt) };
22    websocket.onmessage = function(evt) { onMessage(evt) };
23    websocket.onerror = function(evt) { onError(evt) };
24  }
25
26  function onOpen(evt)
27  {
28    writeToScreen("connected\n");
29        document.myform.connectButton.disabled = true;
30        document.myform.disconnectButton.disabled = false;
31  }
32
33  function onClose(evt)
34  {
35    writeToScreen("disconnected\n");
36        document.myform.connectButton.disabled = false;
37        document.myform.disconnectButton.disabled = true;
38  }
39
40  function onMessage(evt)
41  {
42    writeToScreen("response: " + evt.data + '\n');
43  }
44
45  function onError(evt)
46  {
47    writeToScreen('error: ' + evt.data + '\n');
48
49        websocket.close();
50
51        document.myform.connectButton.disabled = false;
52        document.myform.disconnectButton.disabled = true;
53
54  }
55
56  function doSend(message)
57  {
58    writeToScreen("sent: " + message + '\n'); 
59    websocket.send(message);
60  }
61
62  function writeToScreen(message)
63  {
64    document.myform.outputtext.value += message
65        document.myform.outputtext.scrollTop = document.myform.outputtext.scrollHeight;
66
67  }
68
69  window.addEventListener("load", init, false);
70
71
72   function sendText() {
73                doSend( document.myform.inputtext.value );
74   }
75
76  function clearText() {
77                document.myform.outputtext.value = "";
78   }
79
80   function doDisconnect() {
81                websocket.close();
82   }
83
84
85</script>
86
87<div id="output"></div>
88
89<form name="myform">
90<p>
91<textarea name="outputtext" rows="20" cols="50"></textarea>
92</p>
93<p>
94<textarea name="inputtext" cols="50"></textarea>
95</p>
96<p>
97<textarea name="url" cols="50"></textarea>
98</p>
99<p>
100<input type="button" name=sendButton value="Send" onClick="sendText();">
101<input type="button" name=clearButton value="Clear" onClick="clearText();">
102<input type="button" name=disconnectButton value="Disconnect" onClick="doDisconnect();">
103<input type="button" name=connectButton value="Connect" onClick="doConnect();">
104</p>
105
106
107</form>
108</html> 
109
Note: See TracBrowser for help on using the repository browser.