Buenos Dias a todos! me es urgente realizar una comprobacion de la calidad del password, y por supuesto mostrar en una barra como un progress bar a medida que el usuario coloque letras el porcentaje de calidad de esos caracteres como contrasena. He buscado en internet y el mas parecido a mis necesidades es el codigo que se encuentra aqui:
http://www.gerd-riesselmann.net/exam...tprogress.html
Mi experiencia con JavaScript es practicamente nula, he seguido las isntrucciones de esa pagina y todo pero nada que me funciona, alquien conoce algun sitio donde pueda encontrar mas ejemplos practicos?? o alguien puede hechar una mirada al codigo de ejemplo de ese enlace? aqui les envio el codigo de mi pagina donde estaba probando eso:
Código HTML:
<html>
<head>
<style>
#done {
background-color: green;
border: 1px solid black;
border-right: 0;
height: 1.2em;
padding: 0 20px;
}
#todo {
border: 1px solid black;
border-left: 0;
height: 1.2em;
padding: 0 80px;
}
code {
display: block;
padding: 5px;
margin: 0 20px;
background-color: #eee;
}
#example {
padding: 5px;
border: 1px solid green;
}
#wrap {
width: 750px;
margin: 0 auto;
}
</style>
<script type="text/javascript" src="common.js"></script>
<script type="text/javascript" src="progressbar.js"></script>
<script type="text/javascript" src="passwordquality.js"></script>
<script type="text/javascript">
addEvent(window, 'load', initProgressBar('Password Quality:'));
function addEvent(obj, evType, fn){
if (obj.addEventListener){
obj.addEventListener(evType, fn, true);
return true;
} else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
}
}
</script>
</head>
<body>
<div id="example">
<label for="newpwd1">Agrega algo: </label><input type="text" id="newpwd1" />
<br/>
<br/>
<div id="the_progressbar"></div>
</div>
</body>
</html>
En el llamado a la funcion initProgressBar('Password Quality:') lo he probado de mil y una maneras pero no consigo que corra bien la pagina. Si alguien puede ofrecerme su ayuda estare inmensamente agradecida
PS: el codigo de los archivos .js que se llaman desde la pagina lo pueden encontrar en el enlace que les di