Progress Bar segun password

daniela1611 · #1 (**permalink**) 07/07/2006, 09:44

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:&nbsp;</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