/
chat_room.html
36 lines (31 loc) · 1.08 KB
/
chat_room.html
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
{% extends "chats/base_chat.html" %}
{% load staticfiles %}
{% block header %}
{{ block.super }}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="{% static "jquery.gracefulWebSocket.js" %}"></script>
<script type="text/javascript">
$(document).ready( function() {
window.chat = {};
chat.ws = $.gracefulWebSocket("ws://127.0.0.1:1025/ws");
chat.send = function (message) {
chat.ws.send(message);
}
chat.ws.onmessage = function (event) {
var messageFromServer = event.data;
var list_element = document.createElement('li');
list_element.innerHTML = messageFromServer;
$("#message_list ul").prepend(list_element);
};
var inputBox = document.getElementById("inputbox");
inputbox.addEventListener("keydown", function(e) {
if (!e) { var e = window.event; }
if (e.keyCode == 13) {
e.preventDefault(); // sometimes useful
chat.send(inputbox.value);
inputbox.value="";
}
}, false);
});
</script>
{% endblock %}