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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Edição de imagem
Hoje à(s) 18:22 por Holkis

» Centralizar o menu do fórum
Hoje à(s) 18:19 por Cream

» Personalizar a cor do menu
Hoje à(s) 18:17 por Mr.Probz

» Ser um Artmeiro do Fórum dos Fóruns
Hoje à(s) 18:12 por Holkis

» [Plugin] Criar tags bbcode
Hoje à(s) 17:56 por Daemon

» Ausência dos campos de perfil
Hoje à(s) 17:27 por Cream

» Staff do Fórum dos Fóruns e mudanças internas na equipe
Hoje à(s) 17:11 por Shek

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Shek
 
Cream
 
while
 
Holkis
 
Mr.Probz
 
lavinnia
 
Apollo
 
idarkdg
 
Nean
 
William_iHarDz
 

Quem está conectado
101 usuários online :: 10 usuários cadastrados, 1 Invisível e 90 Visitantes :: 2 Motores de busca

BichodoMato, Cream, Daemon, giancamposm, Harleen, Harold C+, Holkis, Mr.Probz, while, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Código JS de notificações

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

Resolvido Código JS de notificações

Mensagem por Shaman em Seg 23 Mar 2015 - 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 + -: 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 Ter 24 Mar 2015 - 18:38, editado 1 vez(es)

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3413

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Código JS de notificações

Mensagem por Hancki em Seg 23 Mar 2015 - 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
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7996
Pontos Ativos : 14505

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Código JS de notificações

Mensagem por Hakuouki em Seg 23 Mar 2015 - 15:36

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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

http://ajuda.forumeiros.com/

Resolvido Re: Código JS de notificações

Mensagem por Shaman em Seg 23 Mar 2015 - 15:40

Perfeito @Hancki , apenas um problema nas notificações, quando esta 0 aparece assim: se puder resolver agradeço Muito feliz

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3413

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Código JS de notificações

Mensagem por Shaman em Ter 24 Mar 2015 - 18:20


Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3413

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts
  • 0

Resolvido Re: Código JS de notificações

Mensagem por Hancki em Ter 24 Mar 2015 - 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
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7996
Pontos Ativos : 14505

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Código JS de notificações

Mensagem por Shaman em Ter 24 Mar 2015 - 18:38

Perfeito @Hancki obrigado!

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3413

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Código JS de notificações

Mensagem por Hakuouki em Ter 24 Mar 2015 - 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.

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5