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
» Gif na foto do perfil
Hoje à(s) 03:47 pm por Ketholy123

» Slides bugado
Hoje à(s) 01:53 pm por Luiz

» Dúvida Smiles
Hoje à(s) 01:32 pm por Luiz

» [Ajuda] HTML & CSS
Hoje à(s) 01:20 pm por Luiz

» Status do servidor
Hoje à(s) 01:04 pm por Ketholy123

» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 02:16 am por GutaUKP

» STAFF ONLINE Widgets
Ontem à(s) 11:04 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
Kyo Panda
 
Shek
 
GutaUKP
 
dudha
 
xDominiC_.
 
iScroll
 

Quem está conectado
222 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 212 Visitantes :: 2 Motores de busca

Connor R., DustyRhodes, Fou-Lu, Guzonaro, Ketholy123, Kyo Panda, Luiz, MARCUS198O, Pedxz, Railison Ramon

[ 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

- Tópicos similares

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