41 lines
984 B
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>
|