13 |
} |
} |
14 |
|
|
15 |
function append(str) { |
function append(str) { |
16 |
|
var d = new Date(); |
17 |
|
var dateStr = "[" + d.toLocaleTimeString() + "] "; |
18 |
var log = $("#log"); |
var log = $("#log"); |
19 |
log.val( log.val() + str + "\n") |
log.val( log.val() + dateStr + str + "\n") |
20 |
} |
} |
21 |
|
|
22 |
function sendMessage() { |
function sendMessage() { |
23 |
try { |
try { |
24 |
var txt = $("#txt").val(); |
var txt = $("#txt").val(); |
25 |
append(txt); |
txt = $.trim(txt); |
26 |
|
//append(txt); |
27 |
|
if (txt == "") |
28 |
|
return; |
29 |
|
|
30 |
socket.send(txt); |
socket.send( "CHAT#" + txt); |
31 |
|
|
32 |
$("#txt").val(""); |
$("#txt").val(""); |
33 |
setActTime(); |
setActTime(); |
57 |
setActTime(); |
setActTime(); |
58 |
} |
} |
59 |
|
|
60 |
|
socket.onerror = function(evt) { |
61 |
|
append("*** Error om client websocket ***"); |
62 |
|
} |
63 |
|
|
64 |
socket.onclose = function(){ |
socket.onclose = function(){ |
65 |
var now = new Date().getTime(); |
var now = new Date().getTime(); |
66 |
var elapsed = now - actTime; |
var elapsed = now - actTime; |
76 |
sendMessage(); |
sendMessage(); |
77 |
}); |
}); |
78 |
|
|
79 |
|
$("#btnNick").click( function() { |
80 |
|
var nick = $("#nick").val(); |
81 |
|
nick = $.trim(nick); |
82 |
|
|
83 |
|
if (nick == "") { |
84 |
|
alert("Nick can not be empty"); |
85 |
|
return; |
86 |
|
} |
87 |
|
|
88 |
|
try { |
89 |
|
socket.send( "NICK#" + nick); |
90 |
|
} catch(exception) { |
91 |
|
append(exception); |
92 |
|
} |
93 |
|
|
94 |
|
}); |
95 |
|
|
96 |
$(document).keypress(function(e) { |
$(document).keypress(function(e) { |
97 |
if(e.which == 13) { |
if(e.which == 13) { |
98 |
sendMessage(); |
sendMessage(); |
99 |
} |
} |
100 |
}); |
}); |
101 |
|
|
102 |
|
$(window).unload(function(){ |
103 |
|
socket.close(); |
104 |
|
}); |
105 |
|
|
106 |
}); |
}); |
107 |
|
|
108 |
|
|
116 |
<textarea rows="30" cols="160" id="log" readonly></textarea> |
<textarea rows="30" cols="160" id="log" readonly></textarea> |
117 |
<br> |
<br> |
118 |
<input size=120 type="text" name="txt" id="txt"> |
<input size=120 type="text" name="txt" id="txt"> |
119 |
<button id="btn">Submit</button> |
<button id="btn">Submit</button><br><br> |
120 |
|
|
121 |
|
<input size=20 type="text" name="nick" id="nick"> |
122 |
|
<button id="btnNick">Set Nick</button><br><br> |
123 |
|
|
124 |
<br><br> |
<br><br> |
125 |
<font size="2"> |
<font size="2"> |