insertar emoticon en textarea al presionar imagen via javascript?

[chulifo]

Iniciado por kukiko11

que tal foreros? verán, recientemente aplique emoticones a los comentarios de mi web y pues mediante php con un simple streplace logre que al enviar textos del tipo :) o :( etc pues me cambiara dichos simbolos por las caritas y asi estas se mostraran.

PERO ahora me gustaria poner una lista con los emoticonos para que el usuario pueda seleccionar y poner las que quiera en el textarea (tal cual como se puede hacer aca en el foro al momento de redactar un tema). de momento lo estoy intentando hacer con este script y un evento onclick pero no me esta resultando, en que podria estar fallando?

Script:

<script language=\"JavaScript\">
<!--
function caritas(Which){
document.formulario-respuesta.mensaje-usuario.value = document.formulario-respuesta.mensaje-usuario.value + Which;
}
// -->
</script>

<form id="formulario respuesta" class="formulario-respuesta">
textarea del formulario:
<textarea id="mensaje-usuario" class="mensaje-usuario" name="mensaje-usuario" placeholder="Escribe tu respuesta para aquí..." required maxlength="1500"></textarea>
</form>

carita que se presiona para poner en el textarea:

<a href="javascript:caritas(':(');"><img src=../imagenes/emoticonos/triste.png></a>

Código Javascript:

<script language=\"JavaScript\">
<!--
function caritas(Which){
textarea = document.getElementById("mensaje-usuario");
   textarea.value = textarea .value + a;
 
}
// -->
</script>
 

quizas así te sirva.
con el html pruba

Código HTML:

<a href="#" onclick="return caritas(':(');"><img src=../imagenes/emoticonos/triste.png></a>