Recursos para construir elementos de interface de usuario en Web
Diseño web Javascript jQuery

Recursos para construir elementos de interface de usuario en Web

pablocia
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/    
Leer Más
AJAX Javascript jQuery

Asignar eventos jQuery a contenido cargado con Ajax

pablocia
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.  
Leer Más
CMS / E-Commerce jQuery Prestashop

Cambiar la versión jQuery en Prestashop 1.5

pablocia
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…)
Leer Más
HTML/CSS jQuery Recursos

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

pablocia
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.
Leer Más
Plugin jQuery para crear un slider que se adapte al ancho de su contenedor
jQuery Trucos

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

pablocia
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...
Leer Más
Truco: Preloader de página con jQuery sin plugin
Javascript jQuery Trucos

Truco: Preloader de página con jQuery sin plugin

pablocia
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...
Leer Más
Truco: La validación de formularios con jquery validate falla en IE7
jQuery Trucos

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

pablocia
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]
Leer Más

Entradas recientes

Google se interesa en mejorar la velocidad de carga de WordPress

Configurar SSL en XAMPP con certificados autofirmados

Error al actualizar WordPress: “Download failed.: SSL certificate problem: unable to get local issuer certificate”

Preparar la administración de WordPress para clientes novatos

Seguimiento del ranking de palabras clave con Google Analytics

Top Category