Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a 2012

Datos de búsqueda

Año 2012

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

Fecha de publicación: 2012/11/08

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

Y un ejemplo en Javascript:

text = '   Cadena con   espacios en el inicio, en el medio y en el final          '
text = text.replace(/([\ \t]+(?=[\ \t])|^\s+|\s+$)/g, '');

La variable text devuelve:

'Cadena con espacios al final'

Con la expresión regular del ejemplo y el reemplazo realizado se consigue:

  • Eliminar dentro de la cadena los bloques de más de un espacio o tabulador, quedando sustituidos por un solo espacio.
  • Eliminar todos los espacios, tabuladores y saltos de línea al inicio y al final de la cadena
  • Al no utilizar \s en lugar de se conservan otros elementos como saltos de línea.

Datos del artículo:

Javascript: Carrusel / Slideshow con Jquery

Fecha de publicación: 2012/02/24

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: los controles no tienen dependencia de dispositivo, permiten pausar e ir a slides concretos.
  • Si no hay Javascript se le puede dar estilo para que no se vea mal el contenido.
  • Posibilidad de mostrar dos o más bloques en un solo slide.

Leer el resto del artículo

Datos del artículo:

Información del sitio