← Back to branch summary

~didrocks/+junk/face-detection-15.04

« back to all changes in this revision

Viewing changes to facedetection/SimpleWebSocketServer/websocket.html

  • Committer: Didier Roche
  • Date: 2016-05-10 23:09:11 UTC
  • Revision ID: didier.roche@canonical.com-20160510230911-c7xr490zrj3yrzxd
New version

Show diffs side-by-side

added added

removed removed

Lines of Context:
facedetection/SimpleWebSocketServer/websocket.html
 
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