Emoticones y algo más

¿Emoticones en los comentarios? vale, pues alegremos esos comentarios.

¿Qué ya se ha dicho todo sobre ellos y es un tema muy visto? cada día surge una pregunta sobre cómo añadirlos y no hay nada mejor que tener respuesta a esas preguntas.

Los emoticones los añadí hace tiempo de forma muy sencilla, para más tarde eliminarlos y volver a añadirlos, esta vez siguiendo las explicaciones de J.Miur 1 luego hubo una siguiente explicación 2 con ella tenemos la posibilidad de añadir el script en una nueva sección de html.

Al final de su entrada J.Miur hace una observación:

"Si queremos usar otra imagen, la alojamos en algún lado y luego modificamos la dirección URL"

Esa observación fue la que me dió la idea de añadir otras imágenes.

Los comentarios de autor de mi blog, comienzan siempre con esta imagen nada del otro mundo pero me gusta, la añado al principio de cada respuesta y da sensación de orden.

Este sería un ejemplo de emoticon (secreto) en el script que añadimos a la plantilla:

// :-X

cualTexto = cualTexto.replace(/:-\X/g,'<img src="url-imagen-emoticon-secreto.gif" />');

Cada emoticon lleva la url de una imagen asociada al emoticón, podemos sustituir esa imagen por cualquier otra sustituyendo la url por la de nuestra imagen, puede ocurrir que alguna visita piense entonces que tenemos todas las imágenes de los emoticones y al teclear :-X en lugar del emoticon se muestre la imagen que lo sustituye.

Lo que hice fue cambiar la url y sustituir :-X por cualquier otras letras, pongamos por ejemplo X-X

Quedaría así:

// X-X

cualTexto = cualTexto.replace(/X-\X/g,'<img src="url-de-tu-imagen" />');

Para el ejemplo añadí una imagen grande, yo diría exagerada con la idea de ver la diferencia, lo recomendable es añadir imágenes pequeñas tipo favicon que nunca sea mayor al espacio que tenemos en los comentarios.

Es recomendable alojar las imágenes de los emoticones nosotros mismos y sustituir las del script por las nuestras, de esa forma nos evitamos posibles problemas con los archivos de imagen y el servidor donde se encuentran alojadas.