[BUG] Aviso de Caps Lock ligado na password

3 participantes

Ir para baixo

Tópico resolvido [BUG] Aviso de Caps Lock ligado na password

Mensagem por iHeloaD 07.04.16 16:17

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 14:03, editado 1 vez(es)
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: [BUG] Aviso de Caps Lock ligado na password

Mensagem por iHeloaD 08.04.16 16:32

Alguém para me ajudar?
@MateusAnjosV @RafaelS. @Fraise @JScript @Hancki
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: [BUG] Aviso de Caps Lock ligado na password

Mensagem por deninhodn 09.04.16 2:13

Estou com o mesmo problema!
deninhodn
deninhodn
Novo Membro

Membro desde : 07/04/2016
Mensagens : 1
Pontos : 1

http://guildaiop.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [BUG] Aviso de Caps Lock ligado na password

Mensagem por Hancki 09.04.16 13:33

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [BUG] Aviso de Caps Lock ligado na password

Mensagem por iHeloaD 09.04.16 13:48

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!
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos