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 …
Archivos del autor:jervert
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: …
Seguir leyendo «Javascript: Carrusel / Slideshow con Jquery»
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 …
Seguir leyendo «Calendario accesible con Javascript (Jquery)»
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 …
Seguir leyendo «Listas ordenadas: cambiar estilos de la numeración»
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 …
Seguir leyendo «Javascript: Galería de imágenes con detalle ampliable (Jquery)»
Javascript / Jquery: Ordenación alfabética de elementos
He preparado un plugin de Jquery (un poco rudimentario) para ordenar elementos de lista de forma alfabética. Para hacer el script me he basado en una función expuesta en StackOverflow – How may I sort a list alphabetically using jQuery? (enlace externo, en inglés).
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, …
Javascript: Obtener texto de un elemento
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).
MySQL: reemplazar cadenas de texto de modo masivo
Basta una consulta muy sencilla: UPDATE tabla_de_la_bbdd SET campo_de_la_tabla = replace(campo_de_la_tabla,"texto-antiguo","texto-nuevo") Saber más: REPLACE Syntax (enlace externo, en inglés)