codice:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>chat</title>
<script type="text/javascript">
function newMsg() {
	document.getElementById("conversazione").innerHTML += "

" + document.getElementById("utente").innerHTML + " " + document.tuoForm.message.value.replace(/(^|\b)((?:http(s)?\:\/\/)?((?:[^\.\s]{2,}\.)+[^\.\s]{2,6}))(\b|$)/g, "$1<a target=\"_blank\" href=\"http$3:\/\/$4\">$2<\/a>$5") + "<\/p>";
	document.tuoForm.message.value = "";
	document.tuoForm.message.focus();
}
</script>
<style>
#chat {
	width: 500px;
	height: 400px;
	border: 1px #cccccc solid;
	overflow: auto;
	padding: 4px;
}

#conversazione {
	width: 500px;
}

#tabella {
	height: 30px;
	width: 500px;
	border-collapse: collapse;
	border-spacing:0;
}

#tabella td {
	padding: 0;
	margin: 0;
}

#chat p, #tabella {
	margin: 12px 0 0 0;
}

#utente {
	width: auto;
	height: 30px;
	line-height: 30px;
}

#messaggio {
	border: none;
	width: 100%;
}

#msgbox {
	float: left;
	width: 100%;
	height: 30px;
	border: none;
	margin: 0;
	padding: 0;
}

#conversazione, #utente, #messaggio {
	color: #000000;
	font-family: courier;
	font-size: 12px;
}
</style>
</head>

<body>
<form name="tuoForm" onsubmit="newMsg();return false;">
<div id="chat">
<div id="conversazione"></div>
<table id="tabella"><tbody><tr><td id="utente">nomeutente@nomechat.it:&amp;nbsp;</td>
<td id="messaggio"><input type="text" id="msgbox" name="message" autofocus /></td></tr></tbody></table>
</div>
</body>

</html>
edit: Mentre rispondevo non mi ero accorto che ti eri già risposto da solo. Prova cmq questa soluzione, funziona anche se non scrivi http:// (ma non so quanto sia affinata... se hai problemi torna qui)