Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Eduardo Lima
 
Shek
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
247 usuários online :: 10 usuários cadastrados, 1 Invisível e 236 Visitantes :: 3 Motores de busca

Chris Damaceno, cocas20, Daniel Yan, Dr., DustyRhodes, Ketholy, Luiz, Maiicinhu, odelgado, Pedxz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

[BUG] Aviso de Caps Lock ligado na password

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

Resolvido [BUG] Aviso de Caps Lock ligado na password

Mensagem por iHeloaD em 07/04/16, 12:17 pm

Detalhes da questão


Endereço do fórum: www.cidadesocial.com
Versão do fórum: PunBB

Descrição


Olá!
Bem, no tutorial de aviso de capslock ligado na password /t101960-, tem alguns erros.

Quanto mais você vai digitando em capslock, mais textos vão aparecendo, porém, um em cima do outro, sem o css "position: absolute;" ele fica floodando, e o texto do capslock ativo só desaparece depois de digitar a mesma quantidade de caracters digitados com capslock, demonstração:



Última edição por iHeloaD em 09/04/16, 10:03 am, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: [BUG] Aviso de Caps Lock ligado na password

Mensagem por iHeloaD em 08/04/16, 12:32 pm

Alguém para me ajudar?
@MateusAnjosV @RafaelS. @Fraise @JScript @Hancki
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: [BUG] Aviso de Caps Lock ligado na password

Mensagem por deninhodn em 08/04/16, 10:13 pm

Estou com o mesmo problema!
avatar

deninhodn
Novo membro

Masculino
Inscrito dia : 06/04/2016
Mensagens : 1
Pontos Ativos : 1

Ver perfil do usuário http://guildaiop.forumeiros.com
  • 0

Resolvido Re: [BUG] Aviso de Caps Lock ligado na password

Mensagem por Hancki em 09/04/16, 09:33 am

Olá!

O código que está no tutorial está errado. Nem completo está.
Use este:
Código:
$(function() {
    var larguraInput = $('#password').width() + 20;
    $('#password').after('<div class="caps-lock-warning" style="line-height: 10px;color: white;float: right;position: absolute;padding: 8px;margin-left:' + larguraInput + 'px;margin-top: -22px;border-radius: 2px;display: inline;background: rgb(241, 104, 104);">O Caps Lock está ligado!</div>');
    $('.caps-lock-warning').hide();
    $("#password").keypress(function(e) {
        var s = String.fromCharCode(e.which);
        if ((s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) ||
            (s.toUpperCase() !== s && s.toLowerCase() === s && e.shiftKey)) {
            this.caps = true;
            $(this).next('.caps-lock-warning').show();
        } else if ((s.toLowerCase() === s && s.toUpperCase() !== s && !e.shiftKey) ||
            (s.toLowerCase() !== s && s.toUpperCase() === s && e.shiftKey)) {
            this.caps = false;
            $(this).next('.caps-lock-warning').hide();
        }
    });
    $(document).keydown(function(e) {
        if (e.which == 20) {
            var pass = document.getElementById("password");
            if (typeof(pass.caps) === 'boolean') {
                pass.caps = !pass.caps;
                $(pass).next('.caps-lock-warning').toggle(pass.caps);
            }
        }
    });
    $(window).blur(function(e) {
        var pass = document.getElementById("password");
        if (typeof(pass.caps) === 'boolean') {
            pass.caps = null;
            $(pass).next('.caps-lock-warning').hide();
        }
    });
});

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: [BUG] Aviso de Caps Lock ligado na password

Mensagem por iHeloaD em 09/04/16, 09:48 am

PERFEITO!
Agora o aviso aparece quando o CapsLock esta ligado, não só depois de digitar no campo de senha.
Sugiro aos criados do tutorial colocarem este script.
Muito obrigado @Hancki!
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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


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