syndilights/displayclienthtml/websocket_demo/ws_test.html

41 lines
984 B
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Web socket test</title>
<script type="text/javascript">
var ws;
function sendMessage(){
var message = document.getElementById('message').value;
ws.send(message);
}
function connection() {
ws = new WebSocket('ws://localhost:1234', 'echo-protocol');
ws.addEventListener("message", function(e) {
// The data is simply the message that we're sending back
var msg = e.data;
// Append the message
document.getElementById('chatlog').innerHTML += '<br>' + msg;
});
document.getElementById('connect_button').style.display = 'none';
}
</script>
</head>
<body>
<div>Send data:</div>
<textarea id='message'>This is the sent text</textarea>
<input type='button' value='send message' onclick='sendMessage()'/>
<div>Received from server:</div>
<div id='chatlog'></div>
<input id='connect_button' type='button' value='Connect to server using websockets' onclick='connection()'/>
</body>
</html>