Archive for the 'Javascript' Category

JoomlaLas imágenes en el contenido de Joomla se insertan mediante un tag {mosimage}. En las propiedades de la imagen que podemos ajustar desde una de las pestañas del panel de la derecha podemos ajustar muchos parámetros, que se guardarán todos en un mismo campo de la base de datos separados por el carácter "pipe". Desgraciadamente sólo se guarda un sólo texto descriptivo para la imagen propiamente, que se usará tanto para el atributo alt como para el atributo title.
A continuación voy a explicar qué modificaciones internas son necesarias para tener el campo title y alt separados y personalizables.

Xavi' Suzuki GSR 600Llevo unos días probando la nueva versión 1.04 del plugin de la Galería de fotos para Wordpress en gsr600.ladragonera.com. Ésta viene con un par de jugosas novedades, muy útiles para sacarle aún más partido a nuestras fotos que tenemos almacenadas en nuestra página.

Por un lado aparece un nuevo formato para presentar las fotos. Se trata de un SlideShow secundario con su propio tamaño. Nos será útil si queremos incrustar un pequeño pase de fotos en nuestros artículos sin que el artículo pierda su importancia.

Por otro lado, se ha añadido una forma directa de generar cualquier modo de visualización desde un template. Así, editando una plantilla de página o el propio sidebar podemos incrustar una galería, foto, presentación o minipresentación en virtualmente cualquier espacio del sitio.

Si combinamos las dos nuevas funcionalidades, podemos insertar un pase de fotos en la barra lateral manteniendo el tamaño original en las presentaciones tradicionales, o también crear una página inicial personalizada con una presentación de fotos.

wp-minigalley ThumbnailsHoy saco del horno una nueva versión del plugin wp-minigallery. En esta versión 1.02 se solucionan los problemas de identificación de DIVs que provocaban la limitación de una sola instancia en una página cargada.

Ahora ya no hace falta esconder la instancia de la galería bajo el < !--more-- > para que funcione. Además, ahora se soporta tener varias instancias del mismo modo o de diferente modo en el mismo artículo, de forma que podemos poner un SlideShow y una Galería de Fotos en el mismo artículo.

Además se han solucionado algunos bugs menores y se ha reestructurado los CSSs y la forma en la que se envían al navegador los javascripts que controlan los Ajax.

Podeis visitar la página del proyecto wp-minigallery para bajaros esta versión, o podeis seguir el siguiente enlace: wp-minigallery v1.02.

BuscarA veces se hace necesario realizar una búsqueda sobre el texto mostrado por pantalla. En esta situación, No hay query de SQL que valga, ni procesos PHP, porque la página ya está generada y cargada en el navegador del cliente. Me interesaba realizar un sistema de búsqueda dónde el cliente, una vez cargada la página, pudiera buscar algo ahí sin recargar nada.

Estuve buscando una forma de solucionarlo y caí en una página que utiliza un conjunto de funciones Javascript que presenta una ventana de tipo prompt, realiza una búsqueda sobre lo mostrado en la página y resalta en un color específico las coincidencias.

A continuación posteo el código y lo comento un poco.

CalendarioLa programación Javascript a veces tiene esas perlas incomprensibles a primera vista que hasta que no caes en éso te lleva por el camino de la amargura.

La última es mientras trabajaba con el objeto Date(). Por objeto entendemos que tiene unos atributos para guardar información y unos métodos para realizar acciones, mayoritariamente trabajos con los atributos. Puede que sea la costumbre, pero la forma de trabajar de éste en particular me ha hecho, almenos, sonreir ;)

Firerfox vs. Internet ExplorerPara un proyecto del trabajo me veo submergido en la creación dinámica de el contenido de una página web. Para realizar este trabajo, me decanté a trabajar con DOM accediendo via Javascript. Sé que existen librerías muy completas crossbrowser que realizan fácilmente el trabajo requerido, soltando código compatible para (casi) todos los navegadores, pero yo soy de ésos que prefiere jugar a un nivel más bajo (siempre que no se me compliquen las cosas en exceso).

Sabiendo que Firefox respeta mejor los estándares que Internet Explorer, llevo ya la costumbre de desarrollar para Firefox y luego adecuar el código para que funcione para Internet Explorer... pero esta vez la cosa se me ha ido de las manos...

He encontrado varios problemas relacionados con las diferencias en que el DOM es tratado por ambos navegadores, con lo que he podido observar con mis propios ojos que no siempre Firefox respeta el estándar o que la forma de trabajar de Internet Explorer acaba siendo muy sui-generis.

En este artículo presento un ejemplo básico: una página con un DIV que sirve como base para que un código Javascript monte una tabla "modelo" mediante DOM, para ilustrar las diferencias que he encontrado.

TeclaDurante una sesión intensa de programación Javascript me encontré con la necesidad de usar arrays asociativos cuando llevaba ya un buen rato tratando con arrays de índice numérico. Mi sorpresa fué notar un comportamiento extraño con los arrays asociativos mientras intentaba recuperar la información que en ellos había guardado...

En este artículo intento explicar la diferencia de funcionamiento entre los dos tipos de arrays en javascript.