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 […]

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 […]

Un problema que se presenta en algunas ocasiones y que suele olvidarse bastante es la utilización de imágenes de fondo CSS en áreas de texto, y cuando se desactivan las imágenes no se ve el texto. Hoy he visto un ejemplo en la web de Vodafone. En las páginas de productos tienen un enlace con […]

Cheatsheet de Jquery 1.3 con lo esencial.

Las nubes de tags suelen estar conformadas por un grupo de palabras que aparecen en distintos tamaños según la importancia que tengan. Pueden ir en un solo párrafo o bien en elementos de lista. Para darles los tamaños es necesario darles una clase (no vale el atributo style, ya que supone mezclar presentación y contenido) […]

Aviso: Artículo obsoleto. Ir a Javascript: Carrusel / Slideshow con Jquery. Actualizado 2009-10-02: Se le añade botón de pausa (vaya fallo el no haberlo puesto anteriormente) y comentarios útiles sobre el funcionamiento de cada parte del código. He creado un slideshow sencillo con Jquery (probado en versión 1.3.2): jQuery.noConflict(); // Así podemos convivir con otras […]

Actualizado 2009-06-30. Según Jakob Nielsen Ocultar los caracteres de un campo de contraseña (mediante <input type="password" id="ejemplo" name="ejemplo" />) puede ocasionar algunos problemas. Considero que se pasa un poco, de modo que expongo los que creo que son más importantes: El usuario no ve lo que está escribiendo, lo que facilita que se equivoque. Utilización […]

Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen. Supongamos que tenemos esta regla CSS: div.capa p.parrafo {float:left; margin-left:10px;} Internet Explorer 6 sacará un margen de 20px. Se puede solucionar con un hack CSS, […]

Están disponibles para descargar varias versiones portables de Internet Explorer y otros navegadores en Xenocode.

Actualizado 2010-04-06: Añadido enlace para ampliar la información. Hace poco que salió IE8 (el 19 de marzo), y parece que ahora soporta CSS (¡Ya era hora!). Y como las versiones anteriores necesitaban muchos hacks CSS y otras cosas, para que las páginas se vieran bien, e IE8 los pilla, a veces hará falta que funcione […]