Hace unos dí­as estuve trabajando sobre unos formularios ví­a Ajax y se me ocurrió la opción de marcar los campos que no estaban correctos con un borde rojo en vez de gris. Pero ya que contaba con mootools, decidí­ crear la opción de que los campos parpadeasen durante un par de veces. Tras darle unas cuantas vueltas, he desarrollado esta pequeña clase que realizar este parpadeo sobre cualquier propiedad CSS.

Y lo mejor para estos casos, ver un ejemplo.

La clase está disponible en esta dirección.

Es simplemente una clase que acepta como parámetros el id del elemento y un hash con las siguientes opciones:

  • property: propiedad CSS a variar, por defecto border-color
  • duration: duración en milisegundos de una transición, por defecto 500
  • margin: margen en milisegundos entre una transición y otra, por defecto 50
  • from: valor inicial de la propiedad CSS. Admite valores enteros o incluso colores usando Color(). Por defecto Color(‘#000’)
  • to: valor final de la propiedad CSS. Admite valores enteros o incluso colores usando Color(). Por defecto Color(‘#fff’)
  • times: número de repeticiones, considerando una repetición como una transición de ‘from’ a ‘to’ y de ‘to’ a ‘from’. Por defecto 3
  • transition: transición de mootools a usar, por defecto Fx.Transitions.linear
  • endActive: si está a true, indica que se acabará con el valor ‘to’, mientras que si es false, acabará con el valor de ‘from’. Por defecto, true