| 123456789101112131415161718192021222324252627282930313233343536373839 |
- <html>
- <head>
- <title>simple chat room</title>
- </head>
- <body>
- <div id="panel">
- </div>
- <input type="text" name="content" id="content" />
- <input type="button" name="submit" value="submit"/>
- <script type="text/javascript">
- var ws = new WebSocket("ws://"+document.domain+":3636");
- var button = document.getElementById('submit');
- var panel = document.getElementById('panel');
- var content = document.getElementById('content');
- ws.onmessage = function(e)
- {
- data = e.data;
- if(data)
- {
- switch(data['type'])
- {
- case 'login':
- panel.innerHTML += '<p>User['+data['from_id']+'] login</p>';
- break;
- case 'say':
- panel.innerHTML += '<p>User['+data['from_id']+'] said:'+data['content']+'</p>';
- case 'logout':
- panel.innerHTML += '<p>User['+data['from_id']+'] logout</p>';
- }
- }
- };
- button.onclick = function()
- {
- ws.send(content.value);
- };
- </script>
- </body>
- </html>
|