blob: 6bcb24cd8f941bb1442f3e2110d6f15d2aa04568 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
function replaceURLWithHTMLLinks(text) {
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
return text.replace(exp,"<a href='$1'>$1</a>");
}
$(function connect() {
sock = new SockJS('/echo');
sock.onopen = function() {
console.log('open');
sock.send('open');
};
sock.onmessage = function(e) {
console.log('message', e.data);
try {
var object = JSON.parse(e.data);
console.log(object.message);
var safe_message = $('<div/>').text(object.message).html();
safe_message = replaceURLWithHTMLLinks(safe_message);
var safe_from = $('<div/>').text(object.from).html();
$('#chatbox').append('<tr><td class="chat_from">'+safe_from+'</td><td class="chat_msg">'+safe_message+'</td></tr>');
} catch (error) {
console.log(error);
}
};
sock.onclose = function(event) {
console.log('close');
switch (event.code) {
case 1006: //abnormal closure
return setTimeout(connect, 1000);
};
};
});
$(function() {
$("#input").keydown(function(e) {
if( e.keyCode === 13) {
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
sock.send(JSON.stringify({
message: $('#input').val(),
}));
$('#input').val('');
return;
}
});
});
|
