de emoticons a textarea...

[spider_boy]

disculpen el titulo del tema, pero no se me ocurrio otro nombre...

lo que quiero hacer es lo siguiente...

como ven al ladito estan las caritas, emoticons o como quieran llamarles...

y uds al presionar en un emoticon pasa su codigo al textarea y luego eso puede ser posteado y me gustaria saber como se hace eso... gracias...

[caricatos]

Hola spider_boy:

Fífate en las FAQs javascript que hay algo sobre ese tema.

Saludos

[spider_boy]

ok, muchas gracias, voy a ver y si no encuentro vuelvo a preguntar... thanks

[caricatos]

Iniciado por spider_boy

ok, muchas gracias, voy a ver y si no encuentro vuelvo a preguntar... thanks

Hola otra vez:

El enlace es éste:
http://www.forosdelweb.com/f13/faqs-javascript-105325-post661122/

Si no entiendes algo, puedes preguntar.

Saludos

[spider_boy]

a ver si me quedo claro..

debo poner esta funcion...

function poner(texto){
nombretextarea.value += texto;
}

y luego llamo a la funcion a traves del emoticon...

<img src="emoticon.gif" onclick="poner(':@')" value=":@">

hasta ahí entendí... pero esto me dejó
//////////////////////////////
Por último hay que convertir cada ocurrencia del emoticón con la imagen asociada (toda la etiqueta)
el_texto = el_textarea.value.split("; - )").join("<img src=smyle.gif />");
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

[caricatos]

Hola otra vez:

Si la imagen es "smyle.gif", al pinchar muestra en el textarea un smyle porque no se puede mostrar una imagen, pero se supone que esa imagen es lo que se quiere mostrar así que se debe convertir la cadena que se ha insertado... por ejemplo "; - )" en el tag <img src="smyle.gif" />... y es exactamente esa conversión lo que hace esa línea...

Haz una prueba y coloca el resultado dentro de cualquier tag con innerHTML y verás que funciona.

Saludos

[spider_boy]

listo, ya lo logré, muchas gracias, te dire por si acaso como lo hice y a ver si me corrijes en algo...

Código:

function emo(texto)
{
  form.noticia.value += texto;
}

<img src="http://www.sitesled.com/members/spiderboy/happy.png" onclick="emo(':)')" value=":)">

y eso me escribe en el textarea ":)" y al enviar la noticia me procesa la imagen con str_replace... esto me está yendo a la perfección... muchas gracias...

[caricatos]

¡Estupendo!

Me alegro de que vayas progresando, por último, te podría servir que no necesariamente se escriba al final del textarea, sino en el lugar del cursor, si te interesa, puedes ver este otro mensaje: http://www.forosdelweb.com/f13/explorer-seleccion-textarea-202511/

Hay un enlace para bajarse los scripts que uso en mi libro de visitas que sirven para eso.

Saludos

[spider_boy]

ok, muchas gracias por tu ayuda y tendré presente tu sugerencia...

[braiank]

yo coloque :

Código PHP:

  <script language="javascript"> 
function emo(texto) 
{ 
  form.message.value += texto; 
} 
</script>  
  

y

Código PHP:

  <img src="http://dreamforums.com.ar/foro/images/smilies/Pack3/071.gif" onclick="emo('(tiros)')" value="(tiros)">  
   

pero la imagen de tiros no tiene link :S , ayuda ! :D