racoon,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table>
<TR >
<TD width="20%" height="60%" border="3" valign="top">
<DIV style="overflow-y:scroll; height:300">
<TABLE border="3" height="100%" width="100%" align="top" id="userList">
</TABLE>
</DIV>
</TD>
</TR >
<FORM action='#' method="post" onsubmit="sendMessage()">
<TR>
<TD colspan="2" width="70%" height="40%" border="3">
<TEXTAREA name="text" id="currentMessage" rows="10" cols="150" maxlength="1000" style="resize:none"></TEXTAREA>
</TD>
</TR>
<TR>
<TD colspan="2">
<INPUT type="submit" value="Send">
</INPUT>
</TD>
</TR>
</FORM>
<script>
var userList = [{'nick':'-NeMo'},{'nick':'DeaD_GirL'},{'nick':'NEQATIF'}]
function loadUsers(){
var tableEl=document.getElementById("userList");
for (var i=0; i<userList.length; i++) {
var tdUser=document.createElement("td");
var tr=document.createElement("tr");
tdUser.innerHTML=userList[i].nick;
tdUser.onclick = copyNick
tr.appendChild(tdUser);
tableEl.appendChild(tr);
}
}
function copyNick(){
var tableEl=document.getElementById("userList");
var currentMessage = document.getElementById('currentMessage')
var strNick=this.innerHTML+' '
currentMessage.value +=strNick;
}
loadUsers()
</script>
</table>
</body>
</html>