Código JS de notificações

3 participantes

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

Tópico resolvido Código JS de notificações

Mensagem por Shaman 23.03.15 14:31

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Opera
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.brasilplayconnect.com

Descrição do problema

Olá, gostaria de saber se alguem da equipe Staff ou algum membro que tenha experiência em JavaScript possa me ajudar a destacar os campos da imagem. Destacar no caso poderia ser assim + -: Código JS de notificações HxXKnCD no caso nos 2 campos destacados na imagem acima.

No caso a notificação aparecia quando eu recebesse uma MP ou uma notificação.

Se alguém souber ajudar fico grato!


Última edição por LucaS Carvalho em 24.03.15 18:38, editado 1 vez(es)
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Código JS de notificações

Mensagem por Hancki 23.03.15 15:23

Olá!

Fiz um código aqui que vai resultar na perfeição! Se o número for 0 (zero), não vai aparecer o botão!
Insira este código numa página Javascript, investida em todas as páginas:
Código:
$(function() {
    $('#user_navigation.logged_in').after('<div id="countMPS" style="color:white;display:none">Carregando...</div><style>#numberMPS { background-color:#D3162A;font-size: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; padding-bottom: 10px; width: 15px; height: 3px; margin-left: -30px; margin-top: 5px !important;  position: absolute !important; line-height: 12px; }</style>');
    $('#countMPS').load('privmsg?folder=inbox img[src="http://i38.servimg.com/u/f38/18/39/69/76/nuevo10.png"]', function() {
        var sizeMPS = $('#countMPS img').size();
        $('#user_navigation a#inbox_link').after('<span id="numberMPS">' + sizeMPS + '</span>');
        if (sizeMPS == '0') {
            $('#numberMPS').hide();
        }
    });
});
$(function() {
    $('#user_navigation.logged_in').after('<div id="countNoti" style="color:white;display:none">Carregando...</div><style>#numberNoti { background-color:#D3162A;font-size: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; padding-bottom: 10px; width: 15px; height: 3px; margin-left: -30px; margin-top: 5px !important;  position: absolute !important; line-height: 12px; }</style>');
    $('#countNoti').load('profile?mode=editprofile&page_profil=notifications .hidden-if-toolbar-deactivated p.h2', function() {
        var sizeNoti = $('#countNoti').text();
        $('#user_navigation a#notify_link').after('<span id="numberNoti">' + sizeNoti + '</span>');
        // --
        $('#numberNoti').text(function() {
            return $(this).text().replace(' notificações', '');
        });
        // --
        if (sizeNoti == '0') {
            $('#numberNoti').hide();
        }
    });
});
Resultado: http://prntscr.com/6kcxeo

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Código JS de notificações

Mensagem por Konai 23.03.15 15:36

Tópico movido de "Outras questões" para "Questões sobre JavaScript & jQuery"
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código JS de notificações

Mensagem por Shaman 23.03.15 15:40

Perfeito @Hancki , apenas um problema nas notificações, quando esta 0 aparece assim: Código JS de notificações WbvTO4D se puder resolver agradeço Muito feliz
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Código JS de notificações

Mensagem por Shaman 24.03.15 18:20

Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Código JS de notificações

Mensagem por Hancki 24.03.15 18:32

Olá de novo amigo!

Me desculpe, eu nem tinha reparado nisso! slap

Mas... já está corrigido!
Zero notificações -> Desaparece!

Apague todo o código que dei na primeira resposta e coloque este:
Código:
$(function() {
    $('#user_navigation.logged_in').after('<div id="countMPS" style="color:white;display:none">Carregando...</div><style>#numberMPS { background-color:#D3162A;font-size: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; padding-bottom: 10px; width: 15px; height: 3px; margin-left: -30px; margin-top: 5px !important;  position: absolute !important; line-height: 12px; }</style>');
    $('#countMPS').load('privmsg?folder=inbox img[src="http://i38.servimg.com/u/f38/18/39/69/76/nuevo10.png"]', function() {
        var sizeMPS = $('#countMPS img').size();
        $('#user_navigation a#inbox_link').after('<span id="numberMPS">' + sizeMPS + '</span>');
        if (sizeMPS == '0') {
            $('#numberMPS').hide();
        }
    });
});
$(function() {
    $('#user_navigation.logged_in').after('<div id="countNoti" style="color:white;display:none">Carregando...</div><style>#numberNoti { background-color:#D3162A;font-size: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; padding-bottom: 10px; width: 15px; height: 3px; margin-left: -30px; margin-top: 5px !important;  position: absolute !important; line-height: 12px; }</style>');
    $('#countNoti').load('profile?mode=editprofile&page_profil=notifications .hidden-if-toolbar-deactivated p.h2', function() {
        var sizeNoti = $('#countNoti').text();
        $('#user_navigation a#notify_link').after('<span id="numberNoti">' + sizeNoti + '</span>');
        // --
        $('#numberNoti').text(function() {
            return $(this).text().replace(' notificações', '');
        });
        // --
        if (sizeNoti == '1 notificação') {
            $('#numberNoti').text(function() {
                return $(this).text().replace(' notificação', '');
            });
        }
        if (sizeNoti == '0 notificação') {
            $('#numberNoti').hide();
        }
    });
});
Espero que agora funcione bem!

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código JS de notificações

Mensagem por Shaman 24.03.15 18:38

Perfeito @Hancki obrigado!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Código JS de notificações

Mensagem por Konai 24.03.15 18:49

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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