Site icon RibosoMatic

Chroma Hash: Visualización de tu password

Chroma-Hash es un interesante y pequeño plugin jQuery que muestra dinamicamente la seguridad del valor de un campo de contraseña usando una serie de barras de colores. Es una idea interesante más que practica.

Fragmento de su implementación:

$(this).css({position:   'absolute',
left: position.left + width - 2,
top: position.top,
height: height + "px",
width: 8 + "px",
margin: 5 + "px",
marginLeft: -8 * (i + 1) + "px"
}
);
});

var id = $(this).attr('id');
var md5 = hex_md5($(this).val());
var colors = md5.match(/([\dABCDEF]{6})/ig);

$(".chroma-hash").stop();

chromaHashesForElement(this).each(function(i) {
$(this).animate({backgroundColor:"#" + colors[i]});
});

Visto en Ajaxian