Outbook

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

Inicio que contiene a javascript

Datos de búsqueda

Etiqueta ‘javascript’

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

Datos del artículo:

Javascript: eventos mouseenter y mouseleave

Fecha de publicación: 2010/09/27

Cuando estamos haciendo el típico menú desplegable por Javascript que despliega al pasar el puntero por encima de algún elemento puede ocurrir que se active el evento onmouseout sin que se salga del área que ocupa el elemento (cuando tiene más elementos dentro) sobre el que se hizo el onmouseover.

Pero ese problema tiene fácil solución.

Leer el resto del artículo

Datos del artículo:

Javascript: simular hover en Internet Explorer 6 con Prototype

Fecha de publicación: 2010/07/16

Se trata de un sencillo script que nos permitirá evitar el problema de Internet Explorer 6 con la pseudo-clase :hover. Dicha pseudo-clase se puede aplicar a cualquier elemento, para que al pasar el puntero por encima puedan cambiarse los estilos, pero Internet Explorer 6, en su línea habitual, solo lo acepta en elementos de enlace.

Leer el resto del artículo

Datos 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

Datos 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:

Javascript: abrir ventana popup de modo accesible

Fecha de publicación: 2010/03/22

En algunas ocasiones, a pesar de la proliferación de las denominadas como ventanas modales, todavía nos podemos encontrar con la necesidad de generar ventanas popup.

Y para ello he creado un Javascript, basado en Prototype pero sencillo de portar a otro framework o a Javascript puro.

Leer el resto del artículo

Datos del artículo:

Información del sitio

Outbook está basado en WordPress

Licencia Reconocimiento-NoComercial-CompartirIgual

Feed RSS: