|
|
|
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).<br><br>
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">
<!-- <BR>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.
Saludos a tod@s ....!
|
|
