Mirrors/kararas_iris
1
0
Fork 0
mirror of https://github.com/kataras/iris.git synced 2025-12-19 10:57:05 +00:00
Code Releases Activity

update the nantive-messages(only) example to the latest websocket (minimum changes, the idea is the same) and misc

Browse Source 
Former-commit-id: 9598319bc13e8a383114c37f4da84f337ab47b22
This commit is contained in:
Gerasimos (Makis) Maropoulos
2019-06-25 22:10:10 +03:00
parent 8ad4c061d1
commit 33028f900d
8 changed files with 172 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
_examples/websocket/native-messages/static/js/chat.js
View File

@@ -1,38 +1,35 @@
var messageTxt;
var messages;
var messageTxt = document.getElementById("messageTxt");
var messages = document.getElementById("messages");
var sendBtn = document.getElementById("sendBtn")
$(function () {
w = new WebSocket("ws://" + HOST + "/my_endpoint");
w.onopen = function () {
console.log("Websocket connection enstablished");
};
messageTxt = $("#messageTxt");
messages = $("#messages");
w.onclose = function () {
appendMessage("<div><center><h3>Disconnected</h3></center></div>");
};
w.onmessage = function (message) {
appendMessage("<div>" + message.data + "</div>");
};
sendBtn.onclick = function () {
myText = messageTxt.value;
messageTxt.value = "";
w = new WebSocket("ws://" + HOST + "/my_endpoint");
w.onopen = function () {
console.log("Websocket connection enstablished");
};
appendMessage("<div style='color: red'> me: " + myText + "</div>");
w.send(myText);
};
w.onclose = function () {
appendMessage($("<div><center><h3>Disconnected</h3></center></div>"));
};
w.onmessage = function(message){
appendMessage($("<div>" + message.data + "</div>"));
};
messageTxt.addEventListener("keyup", function (e) {
if (e.keyCode === 13) {
e.preventDefault();
sendBtn.click();
}
});
$("#sendBtn").click(function () {
w.send(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;
}
function appendMessage(messageDivHTML) {
messages.insertAdjacentHTML('afterbegin', messageDivHTML);
}