diff options
Diffstat (limited to 'examples/websocket_chat.html')
| -rw-r--r-- | examples/websocket_chat.html | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/examples/websocket_chat.html b/examples/websocket_chat.html new file mode 100644 index 0000000..3eb7efc --- /dev/null +++ b/examples/websocket_chat.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> +<head> +<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> +<script> +window.onload = function() { + var data = {}; + var s = new WebSocket("ws://127.0.0.1:7000/chat"); + s.onopen = function() { + s.send('New participant joined'); + }; + s.onmessage = function(e) { + $("#chat").append("<div>" + e.data + "</div>"); + }; + $('#chatform').submit(function (evt) { + var line = $('#chatform [type=text]').val() + $('#chatform [type=text]').val('') + s.send(line); + return false; + }); +}; +</script> +</head> +<body> +<h3>Chat!</h3> +<p>(Only tested in Chrome)</p> +<div id="chat" style="width: 60em; height: 20em; overflow:auto; border: 1px solid black"> +</div> +<form id="chatform"> +<input type="text" /> +<input type="submit" /> +</form> +</body> +</html> |