Agregando Smiles a Tus Sistemas -- Codigolandia.com PHP ASP ... Programando con Cristo

Agregando Smiles a Tus Sistemas

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.

Autor: Jorge De Freitas
http://www.jjcreaciones.com/

Agregando Smiles a Tus Sistemas

Mas Articulos