Outbook

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

Inicio que contiene a javascript

Datos de búsqueda

Etiqueta ‘javascript’

Jquery: Plantilla base para construir un plugin

Fecha de publicación: 2011/02/17

He aquí el código:

(function($){
  $.fn.XXXX = function(options){
    var defaults = { // Opciones por defecto
      opcion1: ''
      ,opcion2: ''
    }
    var op = $.extend(defaults, options);

    return this.each(function(){
      $(this).XXXX();
    });
  }
})(jQuery);

Datos del artículo:

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

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:

Información del sitio