mirror of https://github.com/gorilla/websocket.git
Cleanup js in chat example
This commit is contained in:
parent
1f512fc3f0
commit
2301bcbf5c
|
@ -5,15 +5,14 @@
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(function () {
|
$(function () {
|
||||||
|
|
||||||
var conn;
|
var conn;
|
||||||
var msg = $("#msg");
|
var msg = $("#msg");
|
||||||
var log = $("#log");
|
var log = $("#log");
|
||||||
|
|
||||||
function appendLog(msg) {
|
function appendLog(msg) {
|
||||||
var d = log[0]
|
var d = log[0];
|
||||||
var doScroll = d.scrollTop == d.scrollHeight - d.clientHeight;
|
var doScroll = d.scrollTop === d.scrollHeight - d.clientHeight;
|
||||||
msg.appendTo(log)
|
msg.appendTo(log);
|
||||||
if (doScroll) {
|
if (doScroll) {
|
||||||
d.scrollTop = d.scrollHeight - d.clientHeight;
|
d.scrollTop = d.scrollHeight - d.clientHeight;
|
||||||
}
|
}
|
||||||
|
@ -28,19 +27,19 @@
|
||||||
}
|
}
|
||||||
conn.send(msg.val());
|
conn.send(msg.val());
|
||||||
msg.val("");
|
msg.val("");
|
||||||
return false
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
if (window["WebSocket"]) {
|
if (window["WebSocket"]) {
|
||||||
conn = new WebSocket("ws://{{$}}/ws");
|
conn = new WebSocket("ws://{{$}}/ws");
|
||||||
conn.onclose = function (evt) {
|
conn.onclose = function (evt) {
|
||||||
appendLog($("<div><b>Connection closed.</b></div>"))
|
appendLog($("<div><b>Connection closed.</b></div>"));
|
||||||
}
|
};
|
||||||
conn.onmessage = function (evt) {
|
conn.onmessage = function (evt) {
|
||||||
appendLog($("<div/>").text(evt.data))
|
appendLog($("<div/>").text(evt.data));
|
||||||
}
|
};
|
||||||
} else {
|
} else {
|
||||||
appendLog($("<div><b>Your browser does not support WebSockets.</b></div>"))
|
appendLog($("<div><b>Your browser does not support WebSockets.</b></div>"));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue