Jun
04
2008

Habilitando emoticones en nuestra Web, usando PHP :D

A veces queremos que los usuarios se sientan como en casa cuando acceden a nuestra Web, y una de esas maneras que mostrarle que pueden convertir los emoticones o caritas que nos dejan en sus comentarios en verdaderas imágenes.

Para ello usaremos las Funciones de Control de Salida ob_start() y ob_end_flush(). El script es realmente sencillo de entender y de explicar ;), así que se lo iré comentando mientras vemos el código. Pero antes les diré que usaremos una función (mostrarCaritas) que será la encargada de sustituir los símbolos de nuestros usuarios por las imágenes que tenemos previamente guardadas en nuestro servidor.

<?php
// creamos la funcion
function mostrarCaritas($valor){
// la variable $caritas
// guardara como valor
// un array con los posibles caracteres ;)
$caritas = array(":S", ":D", "8)", ";)", ":(", ":)");
// $imagenes, tambien contendra un array
// con las imagenes que usaremos
$imagenes = array("<img src='caritas/bravo.png' />",
"<img src='caritas/contento.png' />",
"<img src='caritas/gafas.png' />",
"<img src='caritas/guino.png' />",
"<img src='caritas/lloron.png' />",
"<img src='caritas/sonriente.png' />",
);
// hacemos el reemplazo
return (str_replace($caritas, $imagenes, $valor));
}
// habilitamos el bufer de salida
ob_start("mostrarCaritas");
?>
<html>
<head>
<title>Mi Web muestra caritas</title>
</head>
<body>
<p>Estoy triste por que no se resolver un script de php :(</p>
<p>Pero creo que si le pongo empeño lo puedo lograr 8)</p>
<p>Sin ponerme bravo :S, no creen ;)</p>
<p>Ya estoy bien contento, pues resolvi el problema :D</p>
<p>Gracias a FDW que me ha enseñado mucho :)</p>
</body>
</html>
<?php
// aqui desabilitamos el bufer
ob_end_flush();
?>

Bueno, espero como siempre haber sido útil, esto es solo un pequeño, pero válido ejemplo de como podemos usar las Funciones de Control de Salida

NOTA: La idea de crear esta entrada fue de una ayuda que brindé ayer en Foros del Web, aquí en este post.

Post relacionados

Escrito por rogertm en: Tutoriales | Tags: , , ,

5 Comentarios »

  • Gracias master por el código…
    fue el mejor esplicado y sencillo que pude leer en todas las busquedas…
    Lo necesitaba para una seccion de comentarios me viene re bien ya lo probe anda re joya…

    Salu2

    Comment | November 21, 2008
  • Woow…! gracias @OscarWeb por lo de …. master, comentarios como este levantan el ego xD

    Comment | November 21, 2008
  • diego

    Mira roger , trabajo como docente hace muchos años ,en la actualidad  uno de los problemas de tener on line  tantos manuales tutoriales rutinas etc… disponibles en que muchas de ellas no tienen una correcta construccion  didactica , estan mal exlicadas, o son muy dificiles de seguir por la > parte de los visitantes , tus ejemplos/ tutos  son una muestra de una explicacion clara amena y simple de entender por la cual te felicito
     
    salu2
     

    Comment | January 15, 2010
  • @Diego, he recibido algunos comentario diciéndome que suelo explicar muy bien, pero como este nunca, más viniendo de un profesor.

    En parte lo que dices se debe a que en algún momento de mi vida impartí clases y algo debió quedar en mi, pero lo fundamental es que suelo hacer estas cosas para quienes no tienen mucho conocimiento y lo hago de la manera que me resulte fácil y entendible para mi :)

    Un abrazo

    Comment | January 18, 2010
  • Andres

    Hey Rogertm, sus tutoriales y scripts son realmente útiles. Yo la verdad no se nada de PHP, solo se algo de HTML y CSS porque soy diseñador y en estos dias he estado desarrollando mi propia pagina y sus codigos me han sacado de varios problemas. Mis mas sinceras felicitaciones.
    Por cierto, ya agregue su blog a mis favoritos, es muy interesante la pagina. Saludos desde Colombia parce!! Y siga asi, gente como usted es la que necesita el mundo de los bloggers y el Internet en general

    Comment | March 3, 2010

RSS feed para comentarios en este post. TrackBack URL

Comentar

Kilómetro Cero - RogerTM @ Bloggers Cuba
Powered by WordPress. Theme: TheBuckmaker. Insolvenz Konkurs, Autor werden
Modificado por: RogerTM para Kilómetro Cero

Kilómetro Cero es un Blog muy Cool para Internet Explorer