Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>AJAX IRC</title>
<script language="javascript" type="text/javascript">
var nick = 'Tommy'; 
function addMsg(msg){
	var msgs = document.getElementById('msgs');
	var newdiv = document.createElement('div');
	newdiv.innerHTML = msg ;
	msgs.appendChild(newdiv);
	msgs.scrollTop = msgs.scrollHeight;
}

function send(msg) {
	addMsg('<font color="red">&lt;'+nick+'&gt;</font> ' + msg);
}

function handler(msg) {
	var msg_split=msg.split(' ');
	if (msg_split[0] == '/clear') {
		document.getElementById('msgs').innerHTML = '';
	} 
	else if(msg_split[0] == '/nick') {
		nick = msg_split[1];
	}

else { send(msg); }
document.sender.sendmsg.value = '';
}
</script>
<style>
body { 
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.scroller {
	height:490px;
	width:550px;
	overflow:auto;
}
</style>
</head>
<body onload="javacript:document.sender.sendmsg.focus();">
<form name="sender" id="sender">
<table cellpadding="4">
	<tr>
		<td style="vertical-align:top; width:550px; height:500px; border: 1px solid;">
			<div id="msgs" class="scroller">
				<font color="red">&lt;Server&gt;</font> Welcome
			</div>
		</td>
		<td style="vertical-align:top; width:200px; height:500px; border: 1px solid;">
			<div id="nicklist">
				nicklist here
			</div>
		</td>
	</tr>
	<tr>
		<td colspan="2" style="margin-left:0px; width:750px; border: 1px solid;">	
			<div style="margin-left:0px; text-align:left; vertical-align:top;" id="send">
				<input type="text" onKeyPress="if(event.keyCode==13) {handler(document.sender.sendmsg.value); return false;}" name="sendmsg" id="sendmsg" value="Enter text to send!" style="margin-left:0px; border: 0px solid; width: 705px;" />
				<input type="button" type="input" onClick="handler(document.sender.sendmsg.value);" value="Send" style="border: 1px solid;" />
				</form>
			</div>
		</td>
	</tr>
</table>
</body>
</html>