Recursos para construir elementos de interface de usuario en Web

Recursos para construir elementos de interface de usuario en Web

Esta vez os presento una web en la que podéis encontrar numerosos elementos de interface de usuario para utilizar en vuestros diseños. http://www.unheap.com/section/media/    
Esta vez os presento una web en la que podéis encontrar numerosos elementos de interface de usuario para utilizar en vuestros diseños. http://www.unheap.com/section/media/    

Asignar eventos jQuery a contenido cargado con Ajax

Si utilizamos la típica sintaxis jQuery para asignar eventos a los contenidos de nuestra página, éstos no se aplicarán a contenidos cargados con Ajax. La...
Si utilizamos la típica sintaxis jQuery para asignar eventos a los contenidos de nuestra página, éstos no se aplicarán a contenidos cargados con Ajax. La solución es utilizar algo como en el siguiente ejemplo: $(document).on("change", "#elemento_cargado_con_ajax", function(){ alert( 'Bienn!' ); }); Para una mayor optimización conviene sustituir document, por el elemento html más próximo al contenido cargado con ajax.  

Cambiar la versión jQuery en Prestashop 1.5

En realidad esto vale para cambiar o añadir cualquier archivo .js a la cabecera de las páginas en Prestashop. La clase FrontController.php es la que...
En realidad esto vale para cambiar o añadir cualquier archivo .js a la cabecera de las páginas en Prestashop. La clase FrontController.php es la que se encarga de insertar estos archivos en el head de las páginas y en Prestashop 1.5 está en la carpeta /classes/controller/FrontController.php. El método que se encarga de importar los archivos .js y .css es el setMedia, que os muestro a continuación: (más…)

Live.js – Para ver los cambios mientras estamos diseñando

Este plugin de jQuery puede ser útil si se quieren ver los cambios de forma instantánea en la página web que estamos diseñando. Si cambiamos...
Este plugin de jQuery puede ser útil si se quieren ver los cambios de forma instantánea en la página web que estamos diseñando. Si cambiamos algo en el archivo css, el plugin se encarga de actualizarlos directamente sin falta de refrescar el navegador. Si vuestro entorno de trabajo consiste en tener el navegador en media pantalla y el editor de css en la otra media, seguramente os facilitará el trabajo. Live.js - One script closer to Designing in the Browser.
Plugin jQuery para crear un slider que se adapte al ancho de su contenedor

Plugin jQuery para crear un slider que se adapte al ancho de su contenedor

Necesito un slider que no tenga un ancho fijo, sino que se adapte a la anchura de su contenedor. En principio valdría para cualquier div,...
Necesito un slider que no tenga un ancho fijo, sino que se adapte a la anchura de su contenedor. En principio valdría para cualquier div, pero también se podría utilizar para el body, con lo cual, el slider se reproduciría en el fondo de la página y ocuparía todo el navegador. Buscando por internet, encontré sliders para el fondo de la página, pero que no se podían utilizar en el fondo de un div. El que me pareció más impresionante es Supersized pero sólo vale para el fondo, o al menos eso fue lo que me pareció. Otros plugins como...
Truco: Preloader de página con jQuery sin plugin

Truco: Preloader de página con jQuery sin plugin

Tanto buscar por internet algún preloader ya hecho, más que nada por no perder el tiempo, y al final lo he perdido: no encontré ninguno...
Tanto buscar por internet algún preloader ya hecho, más que nada por no perder el tiempo, y al final lo he perdido: no encontré ninguno que me gustara. malsup blockui. No hubo forma de que se mostrara mientras se carga la página. QueryLoader. Un plugin, demasiado para lo poco que quería hacer. Este tiene una animación muy elegante mientras hace la carga de la página. Todos los que encontré son más adecuados para hacer las precargas de llamadas ajax o de carga de imágenes en zonas concretas de una página, pero no para la precarga de la página completa. Al...
Truco: La validación de formularios con jquery validate falla en IE7

Truco: La validación de formularios con jquery validate falla en IE7

El problema está en el paso de parámetros a funciones que terminen con , Es decir, hay que eliminar las comas del final del último...
El problema está en el paso de parámetros a funciones que terminen con , Es decir, hay que eliminar las comas del final del último parámetro. ,} Además hay un bug en el plugin validate en la versión 1.8, es mejor actualizar a la 1.8.1 _____________________________ Actualización 30/05/2012 Añado un poco de código como ejemplo, por si es de utilidad [codesyntax lang="html4strict"] <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#contactoTelefono').validate(); } </script> </head> <body> <form id="contactoTelefono"> Nombre: <input type="text" id="nombre" name="nombre" class="required"/><br/> Email: <input type="text" id="email" name="email" class="required email"/><br/> <input type="submit" value="Enviar"/> </body> </html> [/codesyntax]