Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Jquery

Datos de búsqueda

Etiqueta ‘Jquery’

Jquery: soporte de elemento DETAILS en HTML 5

Fecha de publicación: 2011/01/11

El elemento DETAILS en HTML 5 proporciona un área de contenido desplegable. Inicialmente se muestra un elemento SUMMARY que será con el que se alterne la visibilidad del contenido.

Actualmente hay navegadores con cierto soporte de HTML 5, pero aun ninguno soporta el comportamiento que ha de tener el elemento DETAILS. Por ello he creado un plugin de Jquery con el que añadir la funcionalidad adecuada al elemento en aquellos navegadores que no lo soporten.

Leer el resto del artículo

Datos del artículo:

Jquery: galería con elementos superpuestos

Fecha de publicación: 2011/01/01

El objetivo es crear una galería con elementos superpuestos:

Captura del ejemplo de galería de elementos superpuestos

Al clicar sobre uno de los elementos plegados, éste se despliega, a la vez que el que estaba seleccionado con anterioridad se pliega. Totalmente accesible mediante navegación de teclado.

Leer el resto del artículo

Datos del artículo:

Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype

Fecha de publicación: 2010/12/30

En Prototype no hay equivalencia al método appendTo() de Jquery (enlace externo, en inglés), pero hay un modo de suplirlo.

Leer el resto del artículo

Datos del artículo:

Javascript-Jquery: Galería con desplazamiento (carrusel)

Fecha de publicación: 2010/12/24

Actualizado 2011-02-18: Se añade una variante con desplazamiento ilimitado.

El objetivo es crear una galería con desplazamiento mediante Javascript manteniendo la accesibilidad cuando no hay soporte Javascript.

Leer el resto del artículo

Datos del artículo:

Javascript: equivalencia de método ‘closest’ de Jquery en Prototype

Fecha de publicación: 2010/10/14

En Prototype no hay equivalencia al método closest() de Jquery (enlace externo, en inglés), pero hay algunas formas de suplirlo.

Leer el resto del artículo

Datos del artículo:

Javascript: Actualización automática de CSS

Fecha de publicación: 2010/10/11

Al maquetar puede resultar engorroso el andar ajustando un pequeño detalle en CSS y tener que actualizar la página cada vez que se cambia.

He montado un Javascript simple para hacer más fácil la tarea del maquetador. Consiste en recargar la CSS en un intervalo de tiempo (en el ejemplo será 1 segundo) sin recargar la página, de modo que cuando se guarde la CSS se vean los cambios en el navegador casi de inmediato.

Leer el resto del artículo

Javascript: Selección múltiple de campos checkbox con jQuery

Fecha de publicación: 2010/07/14

He preparado la típica funcionalidad en la que al seleccionar un campo INPUT de tipo checkbox se seleccionan otros campos asociados a él.

Leer el resto del artículo

Datos del artículo:

Simulación de elemento SELECT con jQuery

Fecha de publicación: 2010/07/11

He preparado un componente que simula un elemento SELECT, en el que se puede seleccionar una sola opción, que evita algunas de las limitaciones de los elementos SELECT de verdad, pudiendo dar formato a las opciones que contiene, añadir imágenes, etc.

Leer el resto del artículo

Javascript: Manipular DOM desde una página cargada dentro de un IFRAME

Fecha de publicación: 2010/05/02

En alguna extraña ocasión nos podemos encontrar con la siguiente situación: necesitamos modificar el HTML de una página (en adelante Página 1) desde una página que se carga en un IFRAME (en adelante Página 2) de la Página 1.

Para lograr el éxito se utilizará window.parent.

Leer el resto del artículo

Datos del artículo:

Jquery 1.3: Guía rápida

Fecha de publicación: 2009/10/03

Datos del artículo:

Información del sitio