mirror of
https://github.com/guilhermewerner/erlang-ws
synced 2025-06-16 11:24:19 +00:00
55 lines
1.4 KiB
HTML
55 lines
1.4 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
|
|
<title>Chat room application</title>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<input type="text" id="message"></input>
|
|
<button id="send-button">Send</button>
|
|
<div id="messages"></div>
|
|
|
|
<script type="text/javascript">
|
|
var socket;
|
|
|
|
function add_message(message) {
|
|
$('#messages').append('<p></p>').children().last().text(message);
|
|
}
|
|
|
|
function read_message_input() {
|
|
return $('#message').val();
|
|
}
|
|
|
|
function connect_to_chat() {
|
|
socket = new WebSocket("ws://localhost:8080/ws");
|
|
|
|
socket.onopen = function () {
|
|
//add_message("Connected.")
|
|
};
|
|
|
|
socket.onmessage = function (event) {
|
|
add_message(event.data);
|
|
};
|
|
|
|
socket.onclose = function () {
|
|
//add_message("Connection closed.");
|
|
};
|
|
}
|
|
|
|
function send_message(e) {
|
|
var message = read_message_input();
|
|
add_message(message);
|
|
socket.send(message);
|
|
$('#message').val("");
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
connect_to_chat();
|
|
$('#send-button').click(send_message);
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html> |