Campo de password al estilo del iPhone

image

Al momento de escribir en los campos para contraseñas en el iPhone o iPod Touch, los caracteres escritos van cambiando a otro con el fin de mantener la privacidad. Este efecto se puede conseguir en nuestras páginas web con la ayuda de distintas librerías JavaScript. En esta ocasión mencionaremos como lograrlo con Mootools.

Se trata de un plugin para Mootools llamado PassShark. Entre sus características encontramos:

  • Escrito en Mootools. Requiere -Core v. 1.2.4+ y -More 1.2.4.2+ 
  • Probado sobre Safari 3+, Firefox 3+, Opera 10+, IE 6 y 7
  • No necesitas modificar la estructura HTML. Los campos de contraseñas son encontramos automaticamento segíun el atributo type=password
  • No obstructivo: Con JavaScript desactivado el campo es totalmente funcional.
  • Soporta copiar y pegar
Uso básico:

<script type="text/javascript" charset="utf-8" src="Mootools-Core.js"></script>
<script type="text/javascript" charset="utf-8" src="Mootools-More.js"></script>

<script type="text/javascript" charset="utf-8" src="PassShark.js"></script>

<script type="text/javascript">
    window.addEvent('domready', function(){
        new PassShark('sample_pass',{
            interval: 200,
            duration: 2000,
            replacement: '%u25CF',
            debug: false
        });
    });
</script>


Mas información sobre dependencias, opciones y demo de este PassShark en PassShark - iPhone style password masking using MooTools


Campo de password al estilo del iPhone Campo de password al estilo del iPhone Reviewed by Marcos Rivas Rojas on sábado, diciembre 05, 2009 Rating: 5