Someone

<script language="JavaScript">

function svar(){

var test = document.getElementById("svar_boks").rows=15;

}

function change(a){

document.getElementById("1").style.background = "#FFFFFF";
document.getElementById("2").style.background = "#FFFFFF";
document.getElementById("3").style.background = "#FFFFFF";
document.getElementById("1").style.borderBottom = "1px solid #6D8DA1;";
document.getElementById("2").style.borderBottom = "1px solid #6D8DA1;";
document.getElementById("3").style.borderBottom = "1px solid #6D8DA1;";

document.getElementById(a).style.background = "#DDE6EB";
document.getElementById(a).style.borderBottom = "1px solid #DDE6EB;";

}

</script>

<table width="35%" style="border-collapse:collapse;">
	<tr>
		<td id="1" style="border: 1px solid #6D8DA1; border-bottom:1px solid #DDE6EB; background-color: #DDE6EB; cursor:pointer;" onclick="change('1')"><center>1</center></td>
		<td id="2" style="border: 1px solid #6D8DA1; cursor:pointer;" onclick="change('2')"><center>2</center></td>
		<td id="3" style="border: 1px solid #6D8DA1; cursor:pointer;" onclick="change('3')"><center>3</center></td>
		<td width="50%" style="border-bottom: 1px solid #6D8DA1;"></td>
	</tr>
	<tr>
		<td style="padding:7; border: 1px solid #6D8DA1; background-color: #DDE6EB;" colspan="4"><textarea id="svar_boks" rows="2" cols="50" onfocus="svar()"></textarea></td>
	</tr>
</table>