David Esperalta

Curiosísimo plugin para jQuery, One Click Upload. Michael Mitchell, su autor, lo explica en su bitácora. Básicamente puede utilizarse para sustituir el "feo" botón "Examinar", para que los usuarios puedan elegir el archivo que quieren "subir" en un momento dado. Dicho botón, además, cada navegador lo interpreta y muestra a su manera: no suele ser posible, sencillamente, personalizar cómo se ve el susomentado botoncito.

Pero el plugin One Click Upload, de código elegante, por lo poco que he podido ver, antes de escribir esto, hace uso de un enlace normal, corriente y moliente. Cuando el usuario hace click sobre dicho enlace ¡tachán! El cuadro de diálogo para elegir archivos es abierto, y, si el usuario elige alguno, efectivamente, este comienza a subirse vía "AJAX", es decir, "en segundo plano".

Todo parece funcionar bien además en los cuatro navegadores en que lo he probado, Firefox, Opera, Safari e Internet Explorer. Quizás podría uno pensar que no es un plugin que "degrade" bien, puesto que, de no tener el usuario activado y funcionando a JavaScript, me temo que el invento se vendría abajo, y, aunque tal vez podríamos prevenirlo, lo cierto es que esto parece ser algo en contra de tan estupendo plugin para jQuery.

Tal vez, si el plugin pudiera adaptar el campo "file" de un formulario... en lugar de conformar él mismo el formulario, suponiendo que JavaScript está disponible, tal vez podría adaptar el botón "file" de un formulario ya existente, de modo que este se mostrara tal cual, si el plugin no puede entrar en acción. Pero, hasta donde yo llego se trata de una primera versión del plugin One Click Upload, e igual cosas como esta se contemplarán en sucesivas versiones.

No es el primer plugin para jQuery que ayuda en estos menesteres, que de alguna manera hace algo más sencillo, más elegante, la subida de archivos a nuestro servidor por parte de un usuario. Pero, One Click Upload me ha caído bien, porque su código, sin mirarlo detenidamente, es limpio y claro, porque ha funcionado como se esperaba en los cuatro navegadores en que lo he probado, en fin, porque pesa sólo un par de "kilobytes". Creo que puede merecer la pena en un momento dado.

Otra estupenda "pieza de código" que se suma a los plugins para jQuery, el fantástico plugin  jQuery Corners, que te hará realmente sencillo redondear las esquinas de ciertos elementos de tus páginas web, incluso elementos "en línea", con lo que se consiguen efectos muy curiosos, como enlaces a modo de "botones" realmente chulos.

jQuery Corners se suma a una larga lista de plugins para jQuery que persiguen el mismo objetivo con peor o peor fortuna, pero, Corners tiene bastantes cosas a su favor. Abajo puedes ver una imagen que sirve de ejemplo, y que también describe el plugin e informa de los navegadores soportados.

¿Qué hace especial a jQuery Corners? Pues que no utiliza imágenes, que no es obstrusivo (separado del HTML), que degrada bien (si no se dispone de JavaScript), que funciona en todos los navegadores "modernos", que su funcionamiento es realmente intuitivo y sencillo, que ocupa 12 KB aún sin comprimir... ¿No es bastante? Desde luego merece la pena echar un vistazo a los ejemplos del plugin, si te resulta interesante.

Siguiendo con mi costumbre de visitar prácticamente a diario el sitio web de los plugins para la biblioteca de JavaScript jQuery, sigo encontrándome con plugins cuando menos curiosos, y que, en no pocas ocasiones ya, termino por utilizar en mis proyectos. En este caso me topo con el plugin DataTables, de Allan Jardine, que, me deja sorprendido ante la cantidad de características que puede añadir a las tablas de nuestros documentos HTML, con sólo una instrucción de Javascript.

El plugin transforma por completo una tabla normal y corriente. De repente es posible para el usuario especificar cuántos registros se muestran en la tabla, se pone a su disposición un buscador "en tiempo real" para que pueda buscar información dentro de la tabla en cuestión. Los registros de la tabla aparecen "paginados", de modo que el lector del documento pueda cambiar de páginas para ir viendo los distintos registros de esta forma. ¡Y todo sin tocar el HTML!

Haz clic en la imagen para agrandarla

Con la magia de jQuery, el plugin logra además otras muchas cosas interesantes. Entre otras, el plugin es completamente "internacionalizable", y los archivos de lenguaje pueden ser eso, diferentes archivos de lenguaje, aunque el plugin deja la posibilidad de cambiar las cadenas de su interfaz directamente, de modo que podremos usar la opción que más nos convenga en cada momento. En fin, yo te lo valoro, pero, puedes ver tú mismo numeros ejemplos de uso del plugin DataTables.

Creo que voy a descargar el plugin DataTables y a echarle un vistazo más de cerca, porque, desde luego tiene una pinta excelente. Y seguiré visitando el sitio web de los plugins para jQuery, porque, raro es el día que no te enteras de un nuevo plugin para esta fantástica biblioteca, o bien de la actualización de alguno que ya estás usando, vamos, que merece la pena darse una vuelta por ahí de vez en cuando, ya lo he dicho.

Actualización: Mostrar la interfaz del plugin DataTable en cualquier idioma resulta muy sencillo, como queda dicho arriba, si se cuenta con el correspondiente archivo de lenguaje, por ejemplo. Así que, me he permitido llevar a cabo la traducción del plugin al español: en realidad pocas cadenas había que traducir, no pretento arrogarme mérito alguno, y así he informado al autor del plugin, por si quiere incluir el archivo en la distribución del mismo. Si quieres, tú también puedes, con el archivo de lenguaje español.

Aquí estoy probando el plugin Lightbox para Gesbit, basado en el estupendo plugin "LightBox" para la biblioteca jQuery. Si haces clic en alguna de las imágenes de más abajo, deberías poder verlas... de cierta forma "especial". Claro que, las chicas ayudan a que el plugin luzca más.

(Haz clic en las imágenes para agrandarlas)

¿Qué te parece? Es un plugin que puede dar cierto juego, puesto que, entre otras cosas, permite hacer lo que ves, una especie de "galería de imágenes", sin esfuerzo, realmente, y sin "obstruir" el funcionamiento de la página, en caso de que el usuario no utilice JavaScript.

Actualización: A petición de Caro (compañera del ClubDelphi) y por aquello de la paridad, entre otras cosas, añado a continuación una galería de imágenes de chicos guapos también. Espero que Caro y el resto de compañeras del ClubDelphi que puedan leer esto queden tan satisfechas como yo. ;)

(Haz clic en las imágenes para agrandarlas)

De la biblioteca jQuery para JavaScript he hablado, hablo y hablaré en esta bitácora, porque, si no exisitera habría que inventarla, y, me ha ayudado, ayuda y ayudará en mis proyectos y sitios web en general. No he probado muchas bibliotecas por el estilo, pero, en este caso no me hace ninguna falta: dudo mucho que superen la potencia que puede ofrecer jQuery. Así, de plano.

Si jQuery quiere nos pone realmente sencillo trabajar con JavaScript, todavía podrían echarse en falta algunos componentes "visuales" que vinieran en nuestra ayuda, como "sliders", "rollings", "tabs", "draggables", etc., que no proporciona HTML por su lado. Pero, mira tú por dónde, el equipo que conforma jQuery nos propone jQuery UI (User Interface), que incluye no pocos componentes "visuales" útiles.

Hace pocos días que anunciaron en el blog de jQuery la última versión de esta especie de extensión para jQuery, jQuery UI. Y, junto con este anuncio hicieron público un nuevo sitio web de jQuery UI, curiosamente útil, puesto que es posible, por ejemplo, descargar jQuery UI por partes, sólo aquellas que necesites realmente. Además de esto, la página web en cuestión te permite elegir el tipo de compresión para el código JavaScript, pudiendo elegir entre varios de ellos además.

Y, otra de las novedades alrededor de jQuery UI, es lo que han dado en llamar ThemeRoller, otra página web que te ofrece algo que tal vez se echaba en falta en jQuery UI: la posibilidad de contar con "temas" para los componentes "visuales", "skins", como también son conocidos. El sitio web te ofrece la posibilidad de descargar temas existentes, ¡y hasta de crear tu propio tema en línea!

Personalmente no he usado nunca jQuery UI, me he conformado por el momento con los componentes que ofrece HTML y para de contar. Pero, cosas como el ThemeRoller de jQuery UI le hacen a uno pensar que tal vez va siendo hora de incorporar algún que otro componente "visual" más vistoso que con los que podemos contar en HTML, incluso alguno como los "sliders", que, sencillamente, no están disponibles en HTML.

En esta bitácora he escrito sobre varios "plugins" de la biblioteca jQuery para JavaScript. No es para menos. Por poner un ejemplo que no quiero dejar de reseñar, ahí tenemos a jQuery Corner, con una galería muy amplia de efectos que es posible aplicar en los bordes de los elementos (HTML) que estimes oportuno. Curiosos bordes no sólo para "webs 2.0", sino para cualquiera, oiga, que además es bueno, bonito y barato.

Imposible dejar de reseñar este plugin por la cantidad de tipos de borde que pueden aplicarse, por la potencia de su sintaxis: realmente muy sencilla y bien pensada, y, por supuesto, por los 10 KB que "pesa"... ¡sin ni siquiera comprimir! Y poco más de 3 KB con el JavaScript "empaquetado". No dejes de echar un vistazo a la galería de ejemplo que te ofrece jQuery Corner. Sin duda un plugin a tener muy en cuenta, sobre todo si ya usas la biblioteca jQuery en tus proyectos.