index.html 975 B

123456789101112131415161718192021222324252627282930313233343536373839
  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"/>
  10. <script type="text/javascript">
  11. var ws = new WebSocket("ws://"+document.domain+":3636");
  12. var button = document.getElementById('submit');
  13. var panel = document.getElementById('panel');
  14. var content = document.getElementById('content');
  15. ws.onmessage = function(e)
  16. {
  17. data = e.data;
  18. if(data)
  19. {
  20. switch(data['type'])
  21. {
  22. case 'login':
  23. panel.innerHTML += '<p>User['+data['from_id']+'] login</p>';
  24. break;
  25. case 'say':
  26. panel.innerHTML += '<p>User['+data['from_id']+'] said:'+data['content']+'</p>';
  27. case 'logout':
  28. panel.innerHTML += '<p>User['+data['from_id']+'] logout</p>';
  29. }
  30. }
  31. };
  32. button.click = function()
  33. {
  34. ws.send(content.value);
  35. };
  36. </script>
  37. </body>
  38. </html>