Hola amigos.. tengo un problema para insertar emoticonos en un textarea..
mi html:
Código HTML:
<textarea id="coment"></textarea><br><br>
<a href="#" onclick="emoticonos(':)')"><img alt=":)" src="/images/smileys/smiley.gif" /></a>
<a href="#" onclick="emoticonos(';)')"><img alt=";)" src="/images/smileys/wink.gif" /></a>
<a href="#" onclick="emoticonos(':D')"><img alt=":D" src="/images/smileys/cheesy.gif" /></a>
<a href="#" onclick="emoticonos('>:(')"><img alt=">:(" src="/images/smileys/angry.gif" /></a>
<a href="#" onclick="emoticonos(':(')"><img alt=":(" src="/images/smileys/sad.gif" /></a>
<a href="#" onclick="emoticonos(':o')"><img alt=":o" src="/images/smileys/shocked.gif" /></a>
<a href="#" onclick="emoticonos('8)')"><img alt="" src="/images/smileys/cool.gif" /></a>
<a href="#" onclick="emoticonos(':?:')"><img alt=":?:" src="/images/smileys/huh.gif" /></a> y mi javascript
:
Código HTML:
function emoticonos(emo) {
coment.value += emo;
}
cuando haces click en cualquier emoticono se inserta en el textarea..
pero tiene 2 problemas..
1) se inserta en el final del textarea y no donde tenés el cursor..
2) cuando clickeas un emoticono, inserta el emoticono pero sube hasta el principio de la pagina (por el a href="#")
como soluciono eso??
Gracias
PD: es el post 666666
