javascript emoticonos

[Beavis]

Pues resulta que conseguido que apretando en los emoticonos inserte el codigo en el texto pero no se como hacer el inverso osea que cuando los muestre loc cambie el codigo del emotino por la imagen?

ponel en el textarea :smyle:

y quiero que cuando los muestre cambie :smyle: por la imageb

[Panino5001]

Conviene hacerlo del lado del servidor (php,asp,etc), porque si lo hacés con js dejarás tu página vulnerable a inyección html.
De todas maneras, si querés hacerlo en js, podés usar algo como esto (que me enseñó Caricatos):

Código:

texto=document.getElementById('id_del_campo').value;
texto=texto.split(':)').join('sonrisa.gif');
document.getElementById('id_del_campo').value=texto;

Un ejemplo del lado del servidor lo tenés aquí (hay que bajarlo y estudiar el código fuente):
http://disegnocentell.com.ar/new/articulos.php?id=131
O mejor y más sencillo y sin bajar nada, aquí:
http://www.desarrolloweb.com/articulos/1945.php

[spider_boy]

Mira, este script utilizo yo...

Código PHP:

  // PHP : Listamos todos los emoticons de alguna carpeta...

$files = glob("emoticons/*.{gif,jpeg,jpg,png}", GLOB_BRACE);

foreach($files as $emos)    {
    $emopath = pathinfo($emos);
    $emoss = $emopath['basename'];
    
    $explo = eregi_replace(".".$emopath['extension'], "", $emopath['basename']);
    
    echo "<img src=".$emos." onClick=\"emos(':$explo:');\"><br>";
}


// Javascript...

function emos(emo)
{
    var noticia = document.getElementById('campoTexto');
    
    document.formi.noticia.value = document.formi.noticia.value + " " + emo + " ";
} 
   

Eso sería xD