Código do medidor de segurança da senha

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Código do medidor de segurança da senha

Mensagem por Luciano98 em 28/12/10, 12:48 pm

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:


Última edição por Luciano98 em 30/12/10, 12:33 pm, editado 1 vez(es)
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código do medidor de segurança da senha

Mensagem por Mikáá em 28/12/10, 03:05 pm

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

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Código do medidor de segurança da senha

Mensagem por Luciano98 em 28/12/10, 04:01 pm

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 Piscada

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código do medidor de segurança da senha

Mensagem por Mikáá em 28/12/10, 04:04 pm

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!
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Código do medidor de segurança da senha

Mensagem por Luciano98 em 28/12/10, 05:02 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código do medidor de segurança da senha

Mensagem por Mikáá em 28/12/10, 05:07 pm

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.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Código do medidor de segurança da senha

Mensagem por Luciano98 em 30/12/10, 01:46 am

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código do medidor de segurança da senha

Mensagem por ddik em 30/12/10, 06:30 am

Olá,

Aqui tem a parte do script:
Código:
<script src="http://illiweb.com/rsc/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://illiweb.com/fa/p_strength/pwd_bad.png);
}
#pwd_middle {
background: url(http://illiweb.com/fa/p_strength/pwd_middle.png);
}
#pwd_good {
background: url(http://illiweb.com/fa/p_strength/pwd_good.png);
}

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

Ate mais,
ddik
avatar

ddik
Membro do Fórum

Masculino
Inscrito dia : 01/08/2009
Mensagens : 1787
Pontos Ativos : 2560

Ver perfil do usuário http://vilasims.com/

Resolvido Re: Código do medidor de segurança da senha

Mensagem por Luciano98 em 30/12/10, 12:08 pm

Usei o seguinte:
Código:
<script src="http://illiweb.com/rsc/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://illiweb.com/fa/p_strength/pwd_bad.png);
}
#pwd_middle {
background: url(http://illiweb.com/fa/p_strength/pwd_middle.png);
}
#pwd_good {
background: url(http://illiweb.com/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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código do medidor de segurança da senha

Mensagem por ddik em 30/12/10, 12:15 pm

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/rsc/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://illiweb.com/fa/p_strength/pwd_bad.png);
}
#pwd_middle {
background: url(http://illiweb.com/fa/p_strength/pwd_middle.png);
}
#pwd_good {
background: url(http://illiweb.com/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
avatar

ddik
Membro do Fórum

Masculino
Inscrito dia : 01/08/2009
Mensagens : 1787
Pontos Ativos : 2560

Ver perfil do usuário http://vilasims.com/

Resolvido Re: Código do medidor de segurança da senha

Mensagem por Luciano98 em 30/12/10, 12:32 pm

@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/rsc/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://illiweb.com/fa/p_strength/pwd_bad.png);
}
#pwd_middle {
background: url(http://illiweb.com/fa/p_strength/pwd_middle.png);
}
#pwd_good {
background: url(http://illiweb.com/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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum