O que ocorre é o seguinte:
Eu estou tentando inserir um emoticon nesta textarea
<textarea name="mensagem" cols="90" rows="10" placeholder="digite o texto ou cole HTML">[8)]</textarea>
Os emoticons ficam numa barra que insere quando a extensão carrega. assim um do lado do outro [] [] [] [] . Até aqui tudo bem;
O PROBLEMA: Quando clico em um emoticon, ele é inserido na textarea sem maiores problemas, mas se eu clicar na textarea digitar um texto, seja ao lado do emoticon, em baixo ou qualquer lugar, e depois clico pra inserir mais um emoticon, ele simplesmente não insere mais nenhum.
Exemplo:
Cliquei e inseri o emoticon > 'Texto que estou digitando' > Agora, quando vou clicar novamente pra botar mais um emoticon, ele não entra na textarea. Simplesmente, só fica o primeiro emoticon, e o texto que digitei.
CÓDIGO JAVASCRIPT:
window.onload = function teste() {
var salvo = document.querySelector('textarea').onfocus;
add = document.getElementsByTagName("td")[2].innerHTML = '<a href=javascript:void(0); onclick=a=document.querySelector("textarea").innerHTML="[:(]"><img src="http://app.e-orkut.com/assets/images/emoticons/2.gif"> '
+ '<a href=javascript:void(0); onclick=a=document.querySelector("textarea").innerHTML="[8)]"><img src="http://app.e-orkut.com/assets/images/emoticons/1.gif"></a>'
+ '<img src="http://app.e-orkut.com/assets/images/emoticons/3.gif">'
+ '<img src="http://app.e-orkut.com/assets/images/emoticons/4.gif">'
+ '<img src="http://app.e-orkut.com/assets/images/emoticons/5.gif">'
+ '<img src="http://app.e-orkut.com/assets/images/emoticons/6.gif">'
+ '<img src="http://app.e-orkut.com/assets/images/emoticons/7.gif">'
+ '<img src="http://app.e-orkut.com/assets/images/emoticons/8.gif">'
+ '<img src="http://app.e-orkut.com/assets/images/emoticons/9.gif">';
}