Olá de novo, nosso amigo [F]lames criou este código para meu fórum, mas agora que eu mudei para punBB ele não funciona mais.

Basicamente a função dele é exibir uma popup quando o usuário tem novas mensagens privadas.

Gostaria que seja convertido para PunBB por favor.
My forum: http://staffergroupbr.stuning.net/

Código:

$(document).ready(function() {
   $.get('/privmsg?folder=inbox',function(data) {
      var word=$('form[action="/privmsg?folder=inbox"] .forabg .inner ul.topiclist.pmlist.bg_none li.row dl.icon',data).attr('style');
      if(word=='background-image: url(http://i58.servimg.com/u/f58/17/80/21/71/t_read10.png);'){
         $('body').prepend('<a class="nv-msg" style="position: fixed; top: 20%; right: 50px; z-index: 9999; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; box-shadow: 0px 0px 2px rgb(0, 0, 0) inset; padding: 0px 5px;font-family: Lobster; font-size: 20px;" onclick="$(this).fadeOut(\'fast\');" href="http://staffergroupbr.stuning.net/privmsg?folder=inbox"><table><tr><td><img src="http://i39.servimg.com/u/f39/17/71/75/73/email-10.png"/></td><td>Nova Mensagem Privada!</td></tr></table></a>');
      }
   });
});

Se for possível agradeço muito.
Até mais.

Olá!

É possível sim, mas quando você criou este tópico, apareceu a seguinte informação:


Leia e edite seu tópico para ficar de acordo com as regras!

Uma das formas em de saber se tem novas mensagens em punbb é:

Código:


            var new_MSG = document.getElementById('i_icon_mini_new_message');
            if(new_MSG) {
                alert('Aviso:\n\nChegou nova mensagem para você!')
            }


JS

Acho que você se refere a falta do link do fórum... Eu adicionei o link, mesmo sem achar necessário para este suporte.
Eu gostaria te ter o mesmo efeito do código.

Olá, amigo.

Poderia nos mostrar uma print do efeito que esse código faz na versão em que ele foi feito?

Cara eu usava ele no meu fórum mesmo, o [F]lames fez ele especificamente pra mim...
Nunca vi ele em outro fórum, e agora q mudei pra PunBB ele não funciona mais.
Ele exibia uma popup normal assim:


Quando clicava ali no link ela ia para caixa de entrada.

Olá!

O nosso mestre ú.ú JScript já deixou o código pronto, é só raciocinar veja:

Código:

var new_MSG = document.getElementById('i_icon_mini_new_message');
if(new_MSG) {
    alert('Aviso:\n\nChegou nova mensagem para você!')
}

Basta trocar o alert por isso:

Código:

<a class="nv-msg" style="position: fixed; top: 20%; right: 50px; z-index: 9999; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; box-shadow: 0px 0px 2px rgb(0, 0, 0) inset; padding: 0px 5px;font-family: Lobster; font-size: 20px;" onclick="$(this).fadeOut(\'fast\');" href="http://staffergroupbr.stuning.net/privmsg?folder=inbox"><table><tr><td><img src="http://i39.servimg.com/u/f39/17/71/75/73/email-10.png"/></td><td>Nova Mensagem Privada!</td></tr></table></a>

Ficará assim o código final:

Código:

var new_MSG = document.getElementById('i_icon_mini_new_message');
if(new_MSG) {
$('body').prepend('<a class="nv-msg" style="position: fixed; top: 20%; right: 50px; z-index: 9999; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; box-shadow: 0px 0px 2px rgb(0, 0, 0) inset; padding: 0px 5px;font-family: Lobster; font-size: 20px;" onclick="$(this).fadeOut(\'fast\');" href="http://staffergroupbr.stuning.net/privmsg?folder=inbox"><table><tr><td><img src="http://i39.servimg.com/u/f39/17/71/75/73/email-10.png"/></td><td>Nova Mensagem Privada!</td></tr></table></a>');
}

E pra que seria a classe nv-msg ?

Está no código dele, deve ter algo no CSS. Á classe em sí, mesmo que eu creia que o senhor já saiba, serve para chama-la em outras ocasiões, como por exemplo, para personaliza-la pelo CSS. Para importar um arquivo antes / depois.

Acontece que o evento alert chama um alerta do Windows no navegador e não uma popup.

Olá!

Leia a minha mensagem novamente / corretamente:

Crazy escreveu:Ficará assim o código final:

Código:

var new_MSG = document.getElementById('i_icon_mini_new_message');
if(new_MSG) {
$('body').prepend('<a class="nv-msg" style="position: fixed; top: 20%; right: 50px; z-index: 9999; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; box-shadow: 0px 0px 2px rgb(0, 0, 0) inset; padding: 0px 5px;font-family: Lobster; font-size: 20px;" onclick="$(this).fadeOut(\'fast\');" href="http://staffergroupbr.stuning.net/privmsg?folder=inbox"><table><tr><td><img src="http://i39.servimg.com/u/f39/17/71/75/73/email-10.png"/></td><td>Nova Mensagem Privada!</td></tr></table></a>');
}

Até.

Ok, desculpe eu realmente entendi errado...
Pois bem veja, eu tenho uma nova mensagem, onde está a popup?

@D'Leandro™

Você trocou a skin de seu fórum, copiou o CSS referente a esse código?

O único que chegou a conclusão de utilizar o que eu passei em conjunto com o seu HTML foi o Cʀɑzy! Eu esperei que você chegasse a essa conclusão, pois entregar um código todo pronto é fácil, difícil será fazer você entender.

JS

Não tinha css, se notar bem tem o style="position: fixed; top: 20%; right: 50px; z-index: 9999; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; box-shadow: 0px 0px 2px rgb(0, 0, 0) inset; padding: 0px 5px;font-family: Lobster; font-size: 20px;"
Este style define a posição da popup a fonte, cor e tudo mais.

O i_icon_mini_new_message é responsável pelo que exatamente? Tem como ver se ele realmente está visível na página?

@D'Leandro™

Realmente eu constatei que o CSS já está incluso sim!

Veja a imagem abaixo e tire suas conclusões:


O código testado é a união do que eu lhe passei junto com o seu HTML inserido.

E sim, seu fórum tem o ID i_icon_mini_new_message.

JS

Então, eu coloquei este código no gestor de códigos JavaScript

Código:

var new_MSG = document.getElementById('i_icon_mini_new_message');
    if(new_MSG) {
    $('body').prepend('<a class="nv-msg" style="position: fixed; top: 20%; right: 50px; z-index: 9999; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; box-shadow: 0px 0px 2px rgb(0, 0, 0) inset; padding: 0px 5px;font-family: Lobster; font-size: 20px;" onclick="$(this).fadeOut(\'fast\');" href="http://staffergroupbr.stuning.net/privmsg?folder=inbox"><table><tr><td><img src="http://i39.servimg.com/u/f39/17/71/75/73/email-10.png"/></td><td>Nova Mensagem Privada!</td></tr></table></a>');
    }

Amigo, não está esquecendo de 'console.log('ok');' em seu código?

Até mais!

@BαηgBαηg

Isso é apenas uma função de debug, nada mais! Tanto faz com ou sem ela pois apenas informa que "deu certo"...

JS