Entradas

Mostrando las entradas etiquetadas como jquery ui

Sustituir alertas del navegador con jQuery UI

Antes que nada decir que reemplazar la funcionalidad de las alertas del navegador con código JavaScript nunca es 100 % compatible, por citar un (y el más importante) ejemplo la ejecución del script no se detiene cuando utilizas librerías JavaScript para sustituir alertas. Teniendo en cuenta lo anterior existen 2 opciones para embellecerlas con jQuery, utilizar librerías externas o utilizar los propios cuadros de diálogos de jQuery UI . Si trabajas con esta última librería sería absurdo utilizar otro plugin para recargar aún más nuestro código. Además que muchas de las librerías (como la de jAlert ) no están actualizadas con las últimas versiones de jQuery lo que nos obligaría a utilizar la librería extra de migración . Pero hacerlo con jQuery UI no es tan trivial como parece, hay que tener en cuenta un par de cosas importantes: auto foco, los cuadros de diálogo de jQuery UI tienen el foco puesto automáticamente en el primer elemento enfocable de nuestro html , lo cual puede que no ...

DateJS y jQuery UI Datepicker

Imagen
 La librería DateJS es una interfaz muy intuitiva para trabajar con fechas en JS, sobre todo internacionalizar las mismas y escribirlas en diferentes idiomas. Trabajando con ella me he dado cuenta que tal y como la descargamos es incompatible con la extensión de jQuery UI Datepicker produciendo el error Maximum call stack size exceeded error al llamar a la función toString que esta librería sobre escribe. Para corregirlo basta con editar el archivo date.js y reemplazar las apariciones de toString por print (es el nombre que escogí yo) salvo en la línea 40 donde aparece s.toString. Con estas modificaciones ya podremos trabajar con ambas características.

jQuery Mobile primeras impresiones

Imagen
Hoy he tenido que desarrollar una aplicación sencilla para móviles y aprovechando uno de los cursos online de lynda.com he decidido poner en práctica lo que sabía de jQuery Mobile y estas son mis primeras impresiones. Documentación Esto es lo primero que me chocó, la documentación de jQuery Mobile es mucho más deficiente a lo que nos tiene acostumbrado jQuery en sus dos grandes proyectos, incluso con incoherencias o falta de datos en algunos temas como la función jqmData (algo equivalente al data de jQuery). Algunos aspectos me parecían difíciles de entender, los ejemplos poco claros y los códigos fuente con falta de información. Temas Lo de los temas es otro mundo, en una misma distribución de jQuery Mobile utilizas varios temas y la personalización de estos si bien es muy similar a jQuery UI no me ha quedado del todo claro. Comportamiento Lo que peor llevo es cómo funciona jQuery Mobile, es totalmente diferente a jQuery, todo se basa en atributos data que son los encargado...

Alternativa para íconos de jQuery UI

Imagen
Buscando por la web, recientemente encontré un paquete de íconos genial para cualquier desarrollo web y que con una modificación en el CSS es plenamente compatible con los escasos íconos de jQuery UI. Una de las mayores ventajas que le veo a este pack de íconos llamado Font Awesome es que como su mismo nombre lo índica, no son imágenes sino un tipo de letra, con lo cual redimensionarlos, cambiarles de color y alinearlos con un texto es excesivamente sencillo y no necesitamos imágenes adicionales. Seguro que alguna utilidad le encontráis a Font Awesome, la alternativa y / o complemento a los íconos por defecto de jQuery UI .