index.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <html>
  2. <head>
  3. <title>simple chat room</title>
  4. </head>
  5. <body>
  6. <div id="panel">
  7. </div>
  8. <input type="text" name="content" id="content" />
  9. <input type="button" name="submit" value="submit" id="submit"/>
  10. <script type="text/javascript">
  11. var button = document.getElementById('submit');
  12. var panel = document.getElementById('panel');
  13. var content = document.getElementById('content');
  14. if(WebSocket)
  15. {
  16. var ws = new WebSocket("ws://"+document.domain+":3636");
  17. ws.onmessage = function(e)
  18. {
  19. data = e.data;
  20. data = eval('(' + data + ')');
  21. if(data)
  22. {
  23. switch(data.type)
  24. {
  25. case 'login':
  26. panel.innerHTML += '<p>User['+data.from_id+'] login</p>';
  27. break;
  28. case 'say':
  29. panel.innerHTML += '<p>User['+data.from_id+'] said:'+data.content+'</p>';
  30. break;
  31. case 'logout':
  32. panel.innerHTML += '<p>User['+data.from_id+'] logout</p>';
  33. break;
  34. }
  35. }
  36. };
  37. button.onclick = function()
  38. {
  39. ws.send(content.value);
  40. content.value = '';
  41. };
  42. }
  43. else
  44. {
  45. panel.innerHTML = '<b>This browser does not support WebSocket</b>';
  46. }
  47. </script>
  48. </body>
  49. </html>