Código do medidor de segurança da senha

Estou criando um novo tópico sobre "Código do medidor de segurança da senha" porque outro moderador fechou o tópico achando que tinha respondido minha pergunta.
Queria saber o html, javascript e css usado no medidor de senha que aparece quando você se cadastrada em um fórum da Forumeiros, para que eu possa usa-lo em outros lugares.
Eu já tentei pega-lo através do conhecimento que eu tenho na linguagem, mas não encontrei os códigos corretos para que ele funciona-se.
Abraços, Luciano.

Print do Medidor de Segurança da senha:

Boa tarde,
Todos os fóruns forumeiros possuem um medidor igualzinho a esse! Porem se quiser o código eu posso tentar lhe arranjar

Até mais.

SantolaZ escreveu:Boa tarde,
Todos os fóruns forumeiros possuem um medidor igualzinho a esse! Porem se quiser o código eu posso tentar lhe arranjar

Até mais.

Então, eu quero o código para que eu possa lhe colocar em outro lugar, site ou pagina, não somente no registro do fórum.

Olá novamente,

Aqui tem:

Código:

<div class="left" id="cont_pwd"><div id="pwd_bad" class="pwd_img" style="display: block;">Fraca</div><div id="pwd_middle" class="pwd_img" style="display: none;">Média</div><div id="pwd_good" class="pwd_img" style="display: none;">Segura</div></div>

Somente o código resulta em páginas HTML!

SantolaZ escreveu:Olá novamente,

Aqui tem:

Código:

<div class="left" id="cont_pwd"><div id="pwd_bad" class="pwd_img" style="display: block;">Fraca</div><div id="pwd_middle" class="pwd_img" style="display: none;">Média</div><div id="pwd_good" class="pwd_img" style="display: none;">Segura</div></div>

Somente o código resulta em páginas HTML!

Não funcionou e acredito que não seja somente isso, pois também são usados códigos css e talvez javascript para que o código funcione, não somente html.
Se você conseguir o resto dos códigos me avise.
Obrigado, Luciano.

Você colocou o script na descrição do fórum? Não se esqueça que a forumeiros já tem esse sistema montado! Porem se for meter no mesmo lugar (registo) pode não funcionar porque já está lá um código montado de origem.

SantolaZ escreveu:Você colocou o script na descrição do fórum? Não se esqueça que a forumeiros já tem esse sistema montado! Porem se for meter no mesmo lugar (registo) pode não funcionar porque já está lá um código montado de origem.

Obrigado por estar me ajudando, mas isso nao e um script e se você se refere ao html, se eu nao quiser colocar na descrição o medidor de senha, onde eu coloco.
PS: Você nao me enviou nenhum script.

Olá,

Aqui tem a parte do script:

Código:

<script src="http://illiweb.com/rs3/14/frm/jquery/pwd_strength/passwordStrengthMeter.js"></script><script type="text/javascript">//<![CDATA[
jQuery(document).ready(function(){$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('#password_reg,#username').keyup(function() {if ( $('#password_reg').val() != "" ){var level = passwordStrength($('#password_reg').val(),$('#username').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});});//]]></script>

Aqui tem o CSS:

Código:


.pwd_img {
color: black;
display: none;
font-size: 11px;
font-weight: 700;
height: 14px;
line-height: 14px;
padding: 4px 0px 3px;
text-align: center;
width: 150px;
}
#pwd_bad {
background: url(http://2img.net/i/fa/p_strength/pwd_bad.png);
}
#pwd_middle {
background: url(http://2img.net/i/fa/p_strength/pwd_middle.png);
}
#pwd_good {
background: url(http://2img.net/i/fa/p_strength/pwd_good.png);
}

Nota: O Campo da Senha tem de ter obrigatoriamente o ID: password_reg

Ate mais,
ddik

Usei o seguinte:

Código:

<script src="http://illiweb.com/rs3/14/frm/jquery/pwd_strength/passwordStrengthMeter.js"></script><script type="text/javascript">//<![CDATA[
jQuery(document).ready(function(){$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('#password_reg,#username').keyup(function() {if ( $('#password_reg').val() != "" ){var level = passwordStrength($('#password_reg').val(),$('#username').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});});//]]></script>

<style>
.pwd_img {
color: black;
display: none;
font-size: 11px;
font-weight: 700;
height: 14px;
line-height: 14px;
padding: 4px 0px 3px;
text-align: center;
width: 150px;
}
#pwd_bad {
background: url(http://2img.net/i/fa/p_strength/pwd_bad.png);
}
#pwd_middle {
background: url(http://2img.net/i/fa/p_strength/pwd_middle.png);
}
#pwd_good {
background: url(http://2img.net/i/fa/p_strength/pwd_good.png);
}</style>

<style>#xat{display:none}</style><form action=http://habbo.forumfacil.net/register?agreed=true&step=2 method=post><center><label>Nome de usuário</label><input class="inputbox post" type=text id=username_reg name=username size=25 maxlength=25><br><label>Email(não precisa confirmar)</label><input class="inputbox post" type=text id=email name=email size=25 maxlength=64><br><label>Senha</label><input class="inputbox post" type=password id=password_reg name=password size=25 maxlength=25><div class="left" id="cont_pwd"><div id="pwd_bad" class="pwd_img" style="display:none;">Fraca</div><div id="pwd_middle" class="pwd_img" style="display: none;">Média</div><div id="pwd_good" class="pwd_img" style="display:none;">Segura</div></div><br><br><input class=button1 type=submit name=submit value=" Registrar "></center></form><br><b>- VEJA LINKS E IMAGENS<br>- CONTEÚDO EXCLUSIVO</b></a>

Mesmo assim não funcionou.
PS: Achei que iria funcionar, mas não vi nada de errado nos códigos.

Olá,

Use este:

Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/14/frm/jquery/pwd_strength/passwordStrengthMeter.js"></script><script type="text/javascript">//<![CDATA[
jQuery(document).ready(function(){$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('#password_reg,#username').keyup(function() {if ( $('#password_reg').val() != "" ){var level = passwordStrength($('#password_reg').val(),$('#username').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});});//]]></script>

<style>
.pwd_img {
color: black;
display: none;
font-size: 11px;
font-weight: 700;
height: 14px;
line-height: 14px;
padding: 4px 0px 3px;
text-align: center;
width: 150px;
}
#pwd_bad {
background: url(http://2img.net/i/fa/p_strength/pwd_bad.png);
}
#pwd_middle {
background: url(http://2img.net/i/fa/p_strength/pwd_middle.png);
}
#pwd_good {
background: url(http://2img.net/i/fa/p_strength/pwd_good.png);
}</style>

<style>#xat{display:none}</style><form action=http://habbo.forumfacil.net/register?agreed=true&step=2 method=post><center><label>Nome de usuário</label><input class="inputbox post" type="text" id="username_reg" name=username size=25 maxlength=25><br><label>Email(não precisa confirmar)</label><input class="inputbox post" type="text" id="email" name="email" size="25" maxlength="64"><br><label>Senha</label><input class="inputbox post" type=password id="password_reg" name="password" size="25" maxlength="25"><div class="left" id="cont_pwd"><div id="pwd_bad" class="pwd_img" style="display:none;">Fraca</div><div id="pwd_middle" class="pwd_img" style="display: none;">Média</div><div id="pwd_good" class="pwd_img" style="display:none;">Segura</div></div><br><br><input class=button1 type=submit name=submit value=" Registrar "></center></form><br><b>- VEJA LINKS E IMAGENS<br>- CONTEÚDO EXCLUSIVO</b></a>

Ate mais,
ddik

ddik escreveu:Olá,

Use este:

Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/14/frm/jquery/pwd_strength/passwordStrengthMeter.js"></script><script type="text/javascript">//<![CDATA[
jQuery(document).ready(function(){$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('#password_reg,#username').keyup(function() {if ( $('#password_reg').val() != "" ){var level = passwordStrength($('#password_reg').val(),$('#username').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});});//]]></script>

<style>
.pwd_img {
color: black;
display: none;
font-size: 11px;
font-weight: 700;
height: 14px;
line-height: 14px;
padding: 4px 0px 3px;
text-align: center;
width: 150px;
}
#pwd_bad {
background: url(http://2img.net/i/fa/p_strength/pwd_bad.png);
}
#pwd_middle {
background: url(http://2img.net/i/fa/p_strength/pwd_middle.png);
}
#pwd_good {
background: url(http://2img.net/i/fa/p_strength/pwd_good.png);
}</style>

<style>#xat{display:none}</style><form action=http://habbo.forumfacil.net/register?agreed=true&step=2 method=post><center><label>Nome de usuário</label><input class="inputbox post" type="text" id="username_reg" name=username size=25 maxlength=25><br><label>Email(não precisa confirmar)</label><input class="inputbox post" type="text" id="email" name="email" size="25" maxlength="64"><br><label>Senha</label><input class="inputbox post" type=password id="password_reg" name="password" size="25" maxlength="25"><div class="left" id="cont_pwd"><div id="pwd_bad" class="pwd_img" style="display:none;">Fraca</div><div id="pwd_middle" class="pwd_img" style="display: none;">Média</div><div id="pwd_good" class="pwd_img" style="display:none;">Segura</div></div><br><br><input class=button1 type=submit name=submit value=" Registrar "></center></form><br><b>- VEJA LINKS E IMAGENS<br>- CONTEÚDO EXCLUSIVO</b></a>

Ate mais,
ddik

Vlw mesmo, agora funcionou, mas não vou ter problemas em mexer com o código se tiver duvidas.
Eu vou colocar como resolvido o tópico.