Agregar caritas al sistema

Agreguemos expresiones o caritas a nuestro sistema, (foro, tagboard, chat, comentarios ósea cualquier script que queramos que tenga una(s) carita(s) o expresión(es).

Empecemos:

Vamos a usar la función str_replace() de PHP: esta función sustituye tal por tal2 ejemplo:str_replace("carita_loca","<img src=carita_loca.gif>") ósea cambiamos cualquier aparición del texto "carita_loca" por una imagen de la carita loca. Solo es un ejemplo.

Veamos como funciona:

Digamos que tenemos un sistema sea mysql o puro .txt, es indiferente lo importante es cambiar las expresiones de texto por imágenes, cierto. Bien esta es la función:

<?php
function expresiones($mensaje) {
$mensaje = str_replace(":)","<img src= feliz.gif>", $mensaje);
$mensaje = str_replace(":(","<img src=triste.gif>", $mensaje);
$mensaje = str_replace(":P","<img src=lengua.gif>", $mensaje);
return $mensaje;
}
?>

Así sola esta función no hace nada:

Para que muestre las caritas filtramos el resultado de la variable $mensaje así : $mensaje = expresiones($mensaje); Esto le dice al sistema que si dentro de la variable $mensaje encuentra ( ejemplo: :), :P, :(, ) lo cambie por la imagen correspondiente.

Hasta el momento cuando el usuario coloque en nuestro campo name="mensaje": * hola :) * cambiara el :) por la carita correspondiente

Pero vamos mas lejos:

Recordamos que "$mensaje" es el nombre del campo donde pondremos el texto que el sistema cambiara por las caritas y el texto grande o idea o lo que sea que estemos escribiendo. Entonces tenemos el ejemplo de un formulario:

<form name="mi_formulario" action="procesar.php" method="post">
Nombre: <input type="text" name="nombre" size="26">
Mensaje <textarea name="mensaje" cols="58" rows="14" wrap="virtual"><?echo $mensaje;?></textarea>
<input type="submit" name="Submit" value="Publicar">
</form>

Ahora nosotros queremos que al dar un clic en un botón o carita salga :) en el campo name="mensaje" tendremos que hacer esto:

Antes del formulario ponemos esto:

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

luego el formulario, ojo con esto mi_formulario es el nombre del formulario y mensaje es el campo donde va a ir las expresiones en texto de las caritas.

Este es el links que va hacer aparecer las caritas en el textarea:
<a href="javascript:caritas(':(')"><img src=triste.gif></a>

Ahora les toca a ustedes inventar.