Javascript y expresiones regulares: eliminación de espacios y tabulaciones en una cadena

A veces las cadenas de texto vienen con una ristra de espacios y tabulaciones indeseados en cualquier lugar de la cadena, algo que a veces no viene demasiado bien (por ejemplo si se necesita medir el número de caracteres para truncar el texto). Con sencilla expresión regular se puede solucionar el problema: /([\ \t]+(?=[\ \t])|^\s+|\s+$)/g […]

Javascript: Carrusel / Slideshow con Jquery

Hace un par de años publiqué un slideshow con Jquery, que tuvo buena acogida y resultó bastante útil. Hace poco lo he estado rehaciendo, en forma de plugin Jquery. Además el código es más legible y se añade la posibilidad de tener controles para ver los elementos ‘Anterior’ y ‘Siguiente’. Características: Plugin de Jquery Accesible: […]

Calendario accesible con Javascript (Jquery)

Llevaba tiempo queriendo montarme un calendario con Javascript, y dejar de depender de calendarios de terceros (que no siempre se ajustaban a lo que necesitaba), y por fin lo he hecho. Así que, lo publico por si a alguien le resulta útil. El calendario tiene las siguientes características: Posibilidad de insertarlo en línea (el comportamiento […]

Listas ordenadas: cambiar estilos de la numeración

A los elementos de lista se les pueden añadir por CSS bullets, números, letras, etc. que les precedan cuando son visualizados en el navegador, mediante la propiedad ‘list-style’, o bien asignarles una imagen de fondo mediante la propiedad ‘background’. Cuando se trata de listas ordenadas lo habitual es utilizar números: ol li {list-style:decimal;} Los números […]

CSS: Rollover de elemento de imagen

Es muy común la necesidad de que una imagen dentro de un enlace esté como elemento de imagen (IMG) y que al mismo tiempo deba tener un rollover: <p> <a href="#"><img src="imagen_estado_normal" alt="Imagen de ejemplo" /></a> </p> La solución habitual pasa por utilizar Javascript para hacer el cambio de imagen en el estado ‘sobre’. Pero […]

Javascript: Galería de imágenes con detalle ampliable (Jquery)

En esta ocasión he preparado una galería en la que cada imagen aparece con sus proporciones originales (nada de galerías con todas las imágenes del mismo tamaño), lo único similar es la altura de las imágenes, para poderlas meter en líneas. Además, al pasar el puntero por encima se despliega en modo de detalle, con […]

Google Maps: Error al mostrar ubicación

El problema: Le damos un texto a Google Maps en el HTML con la ubicación a mostrar, la ubicación es correcta y no se muestra ningún mapa, o incluso salta algún mensaje de error. Por ejemplo: <p id="ubicacion">Vía de Dublín 7,<br /> Madrid 28042</p> Mediante Javascript se cogería sólo el texto: Vía de Dublín 7, […]