Cookies en Outbook

Esta web utiliza cookies propias para ofrecer una mejor experiencia. Al navegar, aceptas dichas cookies.
  • Aceptar
  • Más información acerca de las cookies

Outbook

UI-Dev & more

Categoría: Genérico

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

Publicado

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

Ir a artículo completo

Javascript: Carrusel / Slideshow con Jquery

Publicado

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

Ir a artículo completo

Calendario accesible con Javascript (Jquery)

Publicado

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

Ir a artículo completo

Listas ordenadas: cambiar estilos de la numeración

Publicado

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: Los números de la lista […]

Ir a artículo completo

CSS: Rollover de elemento de imagen

Publicado

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

Ir a artículo completo

Google Maps: Error al mostrar ubicación

Publicado

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

Ir a artículo completo

Javascript: Obtener texto de un elemento

Publicado

Con esta sencilla función se puede extraer el texto de un elemento limpiándolo de etiquetas HTML: function stripHtmlTags (elemento) { return elemento.textContent||elemento.innerText; } Visto en Stackoverflow – Strip HTML from Text JavaScript (enlace externo, en inglés).

Ir a artículo completo