Hola.
Prueba esto a ver si te sirve.
Código:
<script>
function agrega(careto)
{
document.forms.ppp.mensaje.value = document.forms.ppp.mensaje.value+careto
document.forms.ppp.mensaje.focus()
}
</script>
<form name="ppp">
<textarea name="mensaje" rows=6 cols=30>
</textarea>
</form>
<BUTTON TYPE="button" STYLE="font-size:1; background-color:#FFFFCC;" ONCLICK="agrega(' [:)] ');"><img src="alegre.gif"></BUTTON>
<BUTTON TYPE="button" STYLE="font-size:1; background-color:#FFFFCC;" ONCLICK="agrega(' [}:(] ');"><img src="angry.gif"></BUTTON>
<BUTTON TYPE="button" STYLE="font-size:1; background-color:#FFFFCC;" ONCLICK="agrega(' [8)] ');"><img src="cool.gif"></BUTTON>