mirror of
https://github.com/kataras/iris.git
synced 2025-01-24 19:21:03 +01:00
39 lines
837 B
JavaScript
39 lines
837 B
JavaScript
|
var messageTxt;
|
||
|
|
var messages;
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
|
||
|
|
messageTxt = $("#messageTxt");
|
||
|
|
messages = $("#messages");
|
||
|
|
|
||
|
|
|
||
|
|
w = new Ws("ws://" + HOST + "/my_endpoint");
|
||
|
|
w.OnConnect(function () {
|
||
|
|
console.log("Websocket connection established");
|
||
|
|
});
|
||
|
|
|
||
|
|
w.OnDisconnect(function () {
|
||
|
|
appendMessage($("<div><center><h3>Disconnected</h3></center></div>"));
|
||
|
|
});
|
||
|
|
|
||
|
|
w.On("chat", function (message) {
|
||
|
|
appendMessage($("<div>" + message + "</div>"));
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#sendBtn").click(function () {
|
||
|
|
w.Emit("chat", messageTxt.val().toString());
|
||
|
|
messageTxt.val("");
|
||
|
|
});
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
function appendMessage(messageDiv) {
|
||
|
|
var theDiv = messages[0];
|
||
|
|
var doScroll = theDiv.scrollTop == theDiv.scrollHeight - theDiv.clientHeight;
|
||
|
|
messageDiv.appendTo(messages);
|
||
|
|
if (doScroll) {
|
||
|
|
theDiv.scrollTop = theDiv.scrollHeight - theDiv.clientHeight;
|
||
|
|
}
|
||
|
|
}
|