mirror/mongoose
1
0
Fork 0
mirror of https://github.com/cesanta/mongoose.git synced 2025-01-18 23:53:15 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Update timers example

Browse Source
This commit is contained in:
Sergey Lyubka 2022-06-01 17:09:13 +01:00
parent 55517d48ed
commit 30349ec217
1 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
examples/timers/web_root/index.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<body>
<h1>Websocket test client</h1>
<input id="url" type="text" placeholder="Type URL" value="ws://localhost:8000/websocket" style="width:20em;" />
<button id="connect">connect</button>
<div style="height: 0.3em;">&nbsp;</div>
<input id="message" type="text" placeholder="Type message" style="width: 20em;" />
<button id="send">send message</button>
<div style="margin-top: 1em;">Event log:</div>
<div id="log" style="background: #eee; height: 10em; padding: 0.5em;"><div>
</body>
<script>
var ws, E = function(id) { return document.getElementById(id); };
var url = E('url'), connect = E('connect'), message = E('message'), send = E('send'), log = E('log');
var enable = function(en) { message.disabled = send.disabled = !en; url.disabled = en; connect.innerHTML = en ? 'disconnect' : 'connect'; };
enable(false)
connect.onclick = function() {
if (ws) { ws.close(); return; }
ws = new WebSocket(url.value);
if (!ws) return;
ws.onopen = function() { log.innerHTML += 'CONNECTION OPENED<br/>'; }
ws.onmessage = function(ev) { log.innerHTML += 'RECEIVED: ' + ev.data + '<br/>'; }
ws.onerror = function(ev) { log.innerHTML += 'ERROR: ' + ev + '<br/>'; }
ws.onclose = function() { log.innerHTML += 'CONNECTION CLOSED<br/>'; enable(false); ws = null; }
enable(true);
};
send.onclick = function() {
if (!ws) return;
log.innerHTML += 'SENT: ' + message.value + '<br/>';
ws.send(message.value);
}
</script>
</html>