[TUTORIAL] Alerta de nova mensagem no chatbox em aba

**T-Lord** · 1 [TUTORIAL] Alerta de nova mensagem no chatbox em aba Seg 4 Mar 2013 - 15:17

Administrador

Mensagens : 9792
<b>Moedas</b>

Moedas : 234353
Reputação : 278

Chatbox

Muitas
vezes um membro posta uma nova mensagem no chatbox e não é vista
enquanto não voltar a página novamente, com esta função irá receber um
alerta na aba sempre que houver uma nova mensagem.

--> Tutoriais, dicas e astúcias <--
Alerta de nova mensagem no chatbox em aba

[b]1º - Código a ser utilizado:

Código:: [list=1] [*]jQuery(function() { [*] setTimeout(function() { [*] for(var c = 0, a = 0;a < window.frames.length;a++) { [*] try { [*] "/chatbox/index.forum" == eval("window.frames[a].location.pathname") && ++c && window.frames[a].eval('function ajax_refresh_chatbox(b,c){if(""==b||void 0==b)b="?achives=0";if(window.XMLHttpRequest)var a=new XMLHttpRequest;else window.ActiveXObject&&(a=new ActiveXObject("Microsoft.XMLHTTP"));a.onreadystatechange=function(){if(4==a.readyState&&200==a.status&&(eval(a.responseText),chatbox_last_update>chatbox_updated||c))null!=document.getElementById("chatbox").innerHTML&&chatbox_messages_old!=chatbox_messages&&(my_setcookie("CNM",1,1,0),chatbox_messages_old=document.getElementById("chatbox").innerHTML=chatbox_messages,document.getElementById("chatbox").scrollTop=document.getElementById("chatbox").scrollHeight+document.getElementById("chatbox").offsetHeight,document.getElementById("chatbox").scrollTop=999999),null!=document.getElementById("chatbox_members").innerHTML&&(document.getElementById("chatbox_members").innerHTML=chatbox_memberlist),chatbox_updated=chatbox_last_update};a.open("GET","/chatbox/chatbox_actions.forum"+b+"&mode=refresh",!0);a.send(null)};jQuery(window).focus(function(){my_setcookie("CHF",1,1,0);my_setcookie("CNM","",0,0)}).blur(function(){my_setcookie("CHF","",0,0);my_setcookie("CNM","",0,0)}).trigger("focus");') [*] }catch(d) { [*] } [*] } [*] 0 < c && function() { [*] jQuery(window).focus(function() { [*] my_setcookie("CHF", 1, 1, 0); [*] my_setcookie("CNM", "", 0, 0) [*] }).blur(function() { [*] my_setcookie("CHF", "", 0, 0); [*] my_setcookie("CNM", "", 0, 0) [*] }).trigger("focus"); [*] var a = document.title, b = function() { [*] !my_getcookie("CHF") && my_getcookie("CNM") ? (document.title = a == document.title ? "Nova Mensagem!" : a, setTimeout(b, 300)) : (document.title = a, setTimeout(b, 5E3)) [*] }; [*] b() [*] }() [*] }, 5E3) [*]}); [/list]

2º - Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Expandir esta imagem Ver em tamanho real
[TUTORIAL] Alerta de nova mensagem no chatbox em aba Painel13

[TUTORIAL] Alerta de nova mensagem no chatbox em aba 110111

[TUTORIAL] Alerta de nova mensagem no chatbox em aba 398853

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

[TUTORIAL] Alerta de nova mensagem no chatbox em aba 110210

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

[TUTORIAL] Alerta de nova mensagem no chatbox em aba 110310

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

[TUTORIAL] Alerta de nova mensagem no chatbox em aba 110410

Habilitar o gerenciamento dos códigos JavaScript Ao
selecionar a opção sim, estará ativando a função páginas Javascript no
seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Resultado:

(carregue na imagem para aumentar)
[TUTORIAL] Alerta de nova mensagem no chatbox em aba Sem-ta13

[/b]

1 [TUTORIAL] Alerta de nova mensagem no chatbox em aba Seg 4 Mar 2013 - 15:17