|
|
@@ -9,35 +9,42 @@
|
|
|
<input type="text" name="content" id="content" />
|
|
|
<input type="button" name="submit" value="submit" id="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)
|
|
|
+if(WebSocket)
|
|
|
{
|
|
|
- data = e.data;
|
|
|
- data = eval('(' + data + ')');
|
|
|
- if(data)
|
|
|
+ var ws = new WebSocket("ws://"+document.domain+":3636");
|
|
|
+ ws.onmessage = function(e)
|
|
|
{
|
|
|
- switch(data.type)
|
|
|
+ data = e.data;
|
|
|
+ data = eval('(' + data + ')');
|
|
|
+ if(data)
|
|
|
{
|
|
|
- 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>';
|
|
|
- break;
|
|
|
- case 'logout':
|
|
|
- panel.innerHTML += '<p>User['+data.from_id+'] logout</p>';
|
|
|
- break;
|
|
|
+ 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>';
|
|
|
+ break;
|
|
|
+ case 'logout':
|
|
|
+ panel.innerHTML += '<p>User['+data.from_id+'] logout</p>';
|
|
|
+ break;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
-button.onclick = function()
|
|
|
+ };
|
|
|
+ button.onclick = function()
|
|
|
+ {
|
|
|
+ ws.send(content.value);
|
|
|
+ content.value = '';
|
|
|
+ };
|
|
|
+}
|
|
|
+else
|
|
|
{
|
|
|
- ws.send(content.value);
|
|
|
- content.value = '';
|
|
|
-};
|
|
|
+ panel.innerHTML = '<b>This browser does not support WebSocket</b>';
|
|
|
+}
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|