HI I´M AN IDEA
WANNA PLAY
WITH ME?
 

Todas las entradas con la etiqueta jquery

Snippets de jQuery que harán tu vida más fácil.

Según va pasando el tiempo vamos encontrándonos con situaciones similares y poco a poco nos vamos haciendo con una pequeña librería propia de elementos de pocas líneas de código a las que recurrimos a menudo.

Con jQuery, esto pasa constantemente por lo que he decido recopilar algunos scripts propios y otros que voy encontrando por la web y publicarlos en la nueva sección de snippets.

Como crear filtros anidados.

Los filtros nos permiten ser más concretos con nuestros selectores, y por lo tanto poder aplicar propiedades y ser más eficaces con menos líneas de código.

// pondremos el ejemplo concreto de elegir el conjunto de elementos
// que no (:not) tengan (:has) ningún hijo con la clase "elemento"
.filter(":not(:has(.elemento))")

Comprobar si un elemento contiene una cierta clase

A partir jQuery 1.4 se incluye el soporte para el método “has” con el que podremos encontrar el conjunto de elementos que cumpla la propiedad o clase que busquemos dentro de un selector, por ejemplo agregar una clase, hacerlo desaparecer..

$("input").has(".mailContacto").fadeOut();

Cambiar hojas de estilo con jQuery

Primero buscaremos la hoja de estilo que deseemos cambiar con un selector y modificaremos su atributo de href para que apunte a la nueva hoja de estilos.

$('link[media='screen']').attr('href', 'Alternative.css');

 

VN:F [1.9.20_1166]
Rating: 0.0/10 (0 votes cast)

Como establecer un mínimo de edad con jQuery UI datepicker

Ultimamente me encuentro desarrollando una pequeña aplicación en la que gestiono una pequeña base de datos de clientes.

En este tipo de casos siempre uso la maravillosa librería jQuery UI, básicamente la uso para todo, pestañas, acordeones, botones… y como no, para los “datepicker“.

En este caso he tenido que agregar una restricción de edad, en concreto el usuario debe de ser mayor de 18 años para poder darle de alta, para ello usaremos la opción maxDate.

$(function() {
  $("#fechaNacimiento").datepicker(
    {
      minDate: new Date(1900,1-1,1), maxDate: '-18Y',
      dateFormat: 'dd/mm/yy',
      defaultDate: new Date(1970,1-1,1),
      changeMonth: true,
      changeYear: true,
      yearRange: '-110:-18'
    }
  );
});

Bueno, con este sencillo snippet de código comienzo esta nueva sección del blog 😀

VN:F [1.9.20_1166]
Rating: 10.0/10 (1 vote cast)

Supersized 3.2.0 disponible en Github

Supersized es un plugin que nos permite cambiar el tamaño de las imagenes para que se muestren en tamaño completo en el navegador mantenido la dimensión de radio.

Este plugin nos será de gran utilidad a la hora de desarrollar galerías y “slide shows” de imágenes de alta definición y en las que el contenido y la descripción de las imágenes sea algo secundario ya que ocuparemos toda la pantalla.

Hoy acaba de lanzar su versión 3.2. y aún está tan fresca que ni siquiera han publicado en la web el log de cambios de la nueva versión.

demo | descarga

VN:F [1.9.20_1166]
Rating: 0.0/10 (0 votes cast)