| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- <html>
- <head>
- <title>Websock Simple Client</title>
- </head>
- <body>
- WebSocket/websockify URI: <input id='target'>
- <input id='connectButton' type='button' value='Connect'
- onclick="connect();">
- <br> <br>
- <input id='sendText'>
- <input id='sendButton' type='button' value='Send' disabled
- onclick="send();">
- <br> <br>
- Log:<br><textarea id="messages" cols=80 rows=25></textarea>
- </body>
- <script>
- var document.getElementById = function(id) { return document.getElementById(id); },
- ws = null, msgs = document.getElementById('messages');
- function msg(str) {
- msgs.innerHTML += str + "\n";
- msgs.scrollTop = msgs.scrollHeight;
- }
- function connect() {
- var uri = document.getElementById('target').value;
- msg("connecting to: " + uri);
- ws = new WebSocket(uri);
- ws.binaryType = 'arraybuffer';
- ws.addEventListener('open', function () {
- msg("Connected");
- });
- ws.addEventListener('message', function (e) {
- msg("Received: " + e.data);
- });
- ws.addEventListener('close', function () {
- disconnect();
- msg("Disconnected");
- });
- document.getElementById('connectButton').value = "Disconnect";
- document.getElementById('connectButton').onclick = disconnect;
- document.getElementById('sendButton').disabled = false;
- }
- function disconnect() {
- if (ws) { ws.close(); }
- ws = null;
- document.getElementById('connectButton').value = "Connect";
- document.getElementById('connectButton').onclick = connect;
- document.getElementById('sendButton').disabled = true;
- }
- function send() {
- msg("Sending: " + document.getElementById('sendText').value);
- ws.send_string(document.getElementById('sendText').value);
- };
- </script>
- </html>
|