Precargar imágenes con jQuery
Muchas veces nuestros sitios web tienen imágenes que necesitamos precargar, un claro ejemplo en el que resulta útil hacer esto es cuando nuestro sitio tiene efectos de “rollover” sobre las imágenes. Resulta bastante molesto cuando pasamos el mouse sobre una imágen y ésta queda en blanco hasta que termina de descargarse la imágen que debería [...]
Ventanas modales con jQuery, de manera simple
Reveal es un plugin para jQuery que permite implementar ventanas modales elegantes de manera muy sencilla. Las ventanas modales pueden ser customizadas si se desea, aunque el diseño por defecto es muy bueno. El plugin es compatible con todos los navegadores modernos, y muy liviano (1.75 KB).
Autocompletar con jQuery
En este mini tutorial veremos como utilizar un excelente plugin de jQuery para implementar la funcionalidad de autocompletar (suggest). Nosotros lo hemos utilizado para taggear, sugiriendo al usuario los tags existentes en el sistema, pero hay muchas más aplicaciones: en buscadores, ingreso de datos, etc.
Subir archivos con CakePHP y jQuery
En este turorial veremos como se puede implementar la carga de archivos utilizando CakePHP y jQuery. 1. CakePHP. Carga de archivos Utilizando los consejos publicados en este post, implementaremos la lógica PHP para subir archivos al servidor. El siguiente método toma el nombre del directorio en el servidor al cual se quieren subir los archivos, [...]
Checkboxes y Radio Buttons elegantes con jQuery/CSS
Los formularios forman parte de prácticamente todos los sitos y aplicaciones web de hoy en día. Si bien con la ayuda de CSS simple podemos personalizarlos hasta cierto punto, siempre llega un momento en el que las queridas hojas de estilo ya no pueden ayudarnos, y debemos hecharle mano a nuestro adorado y salvador jQuery. [...]
FlexiGrid para jQuery: grilla con todo el poder ajax
Durante un tiempo usé Ext para desarrollo en Javascript, y una de sus grandes ventajas es la gran cantidad de componentes y widgets disponibles. Uno de los que usaba seguidamente era la grilla o grid, con posibilidad de paginado, ordenar columnas, etc. jQuery también dispone de una muy buena grilla,
Árboles con jQuery parte II
Continuando con el post anterior sobre árboles con jQuery, quería comentarles sobre jstree. Éste es un componente jQuery para generar árobles, pudiendo generarlos “on the fly” a partir de listas HTML anidadas. Algunas de sus características son: carga asincrónica, borrar, crear y editar nodos, drag and drop, themes, etc, etc. Pueden ver algunos demos en [...]
Alternar colores de las filas de una tabla con jQuery
Éste es un ejemplo contundente de la elegancia y sencillez a la que se puede llegar al utilizar jQuery como framework de desarrollo para javascript. Con sólamente dos líneas de código podemos tener las filas de nuestras tablas pintadas alternadamente y además un efecto de rollover al pasar sobre cada fila. Esto es lo que [...]
Arboles con jQuery
Hay varias alternativas para implementar árboles con jQuery. Una de las más sencillas que encontré es: jQuery treeView Para crear el árbol, se arma la estructura utilizando listas html y luego se invoca a $(“#id_ul”).treeview(); y listo! Ejemplo:
Graficas con jQuery
Para uno de nuestros proyectos hemos utilizado para la generación de gráficas uno de los tantos plugins de jQuery: Flot. Como la mayoría de los plugins de jQuery, éste también es extremadamente sencillo de utilizar, y en pocos minutos podremos estar incorporando gráficas a nuestras aplicaciones. Por ejemplo: var d1 = []; for (var i [...]