roiwk
/
workerman


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<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" 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)
{
    data = e.data;
    data = eval('(' + 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>';
                break;
            case 'logout':
                panel.innerHTML += '<p>User['+data.from_id+'] logout</p>';
                break;
        }
    }
};
button.onclick = function()
{
    ws.send(content.value);
    content.value = '';
};
</script>
</body>
</html>