Simulación de elemento SELECT con jQuery

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.

Javascript: Precarga de imágenes

Hay que advertir que esta técnica no es la adecuada para los rollover en CSS, para los que es más correcto el uso de CSS Sprites. Se ajusta más para aquellas ocasiones en las que hay que hacer un rollover en elemento de imagen (IMG), para que el estado hover no aparezca momentáneamente sin imagen, …

PHP y Javascript: Subir múltiples archivos

Esta semana estuve montando un PHP que sirviese para subir y eliminar archivos en un servidor, y que además lo pudiese hacer sin necesidad de recargar la página. Para subir los archivos y no recargar la página ha sido necesario utilizar un elemento iframe como destino del formulario de envío (no encontré otro modo). Si …

Google Maps: accesibilidad de teclado y alternativa en ausencia de Javascript

Las aplicaciones web ricas en Javascript pueden suponer en algunas ocasiones una barrera para la accesibilidad. En el caso de Google Maps (versión 3) tenemos dos potenciales barreras de accesibilidad: Utilización de los controles del mapa unicamente con dispositivo apuntador: imposibles de utilizar con teclado. Sin alternativa en ausencia de Javascript.

Javascript: establecer atributo readonly en campos de formulario

El atributo readonly se establece en Javascript mediante true o false: var campo = document.getElementById('campo_formulario'); campo.readOnly = true; // Se añade el atributo campo.readOnly = false; // Se quita el atributo Un detalle en el que hay que fijarse, ya que de ello dependerá que el script funcione, es la "O" mayúscula al especificar el …

Javascript: Click fuera de un elemento

Una sencilla función para detectar si se clica fuera de un elemento: document.onclick = function (e) { e = e || event var target = e.target || e.srcElement var elemento = document.getElementById(‘id_elemento’); do { if (elemento == target) { // El click se ha producido dentro del elemento, no se hace nada. return; } target …

Javascript: Click outside element

Simply function to detect click event outside desired element: document.onclick = function (e) { e = e || event var target = e.target || e.srcElement var element = document.getElementById(‘id_element’); do { if (element == target) { // When clicked inside element, does nothing return; } target = target.parentNode; } while (target) // When clicked outside …