怎样点击一个表中的单元格把他的name输出到一个输入框中显示&当鼠标移到单元格上单元格边框变色

Question

<INPUT type="text" id=text1 name=text1>
<TABLE WIDTH=75% border="1" cellpadding="0" cellspacing="0" bordercolor="#eeeeee"  onclick="aaa();"  onmouseover="bbb();"  onmouseout="ccc();">
  <TR>
<TD name="t11">11</TD>
<TD name="t12">12</TD>
</TR>
<TR>
<TD name="t21" >21</TD>
<TD name="t22" >22</TD>
</TR>
</TABLE>
<SCRIPT >
  function aaa()
{
text1.value= window.event.srcElement.name;
}
function bbb()
{ 
window.event.srcElement.borderColor="#FF0000";
}
function ccc()
{
window.event.srcElement.borderColor="#eeeeee";
}
</SCRIPT>

Answer 1

<style>
.outcss {border:1px solid gray}
.overcss {border:1px solid red}
</style>
<table>
<tr>
<td onmouseover="this.className='overcss'" onmouseout="this.className='outcss'" class="outcss" onclick="bao.value=this.name" name="baobaotd">wanghr100</td>
</tr>
</table>
<input type="text" id="bao">