Olá pessoal!
Me chamo João Carlos, mas conhecido na web como JScript (...) Vi que estão usando aqui o ShoutBox que desenvolvi para o http://punbb.forumeiros.com/forum e gostaria de passar umas informações que poderão ajudar a todos e melhorar mais ainda o chat!
Bom, eu ainda não fiz um tutorial definitivo pois ainda falta muito a ser feito incluindo o ShoutBox completo em uma página só, da mesma forma que é na plataforma IPBoard.
O código abaixo foi desenvolvido para ser adicionado na tag do template Overall_header, o que nada impede de ser adaptado para outras versões como Invision por exemplo!
, claro! Substitua o trecho /h2-shoutbox_embedded pelo endereço correspondente a página de seu ShoutBox.
Percebam que deixei uma porte do código "comentada" pois é utilizada em meu fórum para mostrar as mensagens mesmo quando não estamos conectados, isso mesmo, até os visitantes podem ver o ShoutBox com as mensagens!!!
Mas isso ficará pra um tutorial que farei quando finalizar o código principal. Caso desejem saber qual parte do código é responsável por mostrar as mensagens aos visitantes, o trecho é:
Depois tem que saber qual é o número do campo que foi criado e substituir o que está no código: profile_field_2_2 pelo o correspondente de seu fórum e modificar também id: "2", pelo final do nome do campo, que no meu caso termina com 2.
É simples!
So long,
JS
Me chamo João Carlos, mas conhecido na web como JScript (...) Vi que estão usando aqui o ShoutBox que desenvolvi para o http://punbb.forumeiros.com/forum e gostaria de passar umas informações que poderão ajudar a todos e melhorar mais ainda o chat!
Bom, eu ainda não fiz um tutorial definitivo pois ainda falta muito a ser feito incluindo o ShoutBox completo em uma página só, da mesma forma que é na plataforma IPBoard.
O código abaixo foi desenvolvido para ser adicionado na tag do template Overall_header, o que nada impede de ser adaptado para outras versões como Invision por exemplo!
- Código:
$(function() {
if (location.pathname == '/' || location.pathname == "/translate_c") {
if (document.getElementById('logout') !== null) {
$('#page-body').prepend('<iframe id="iframe_shoutbox" height="360px" width="100%" frameBorder="0" src="/h2-shoutbox_embedded">Your browser does not support IFRAMEs</iframe>');
/*} else {
$('#page-body').prepend('<iframe id="iframe_shoutbox_offline" height="360px" width="100%" frameBorder="0" src="/h4-shoutbox_offline">Your browser does not support IFRAMEs</iframe>');
*/
}
}
});
function updateIframeSize(x,y){
if (x != '') {
$('#' + x).height(y + 10 + 'px');
}
}
Percebam que deixei uma porte do código "comentada" pois é utilizada em meu fórum para mostrar as mensagens mesmo quando não estamos conectados, isso mesmo, até os visitantes podem ver o ShoutBox com as mensagens!!!
Mas isso ficará pra um tutorial que farei quando finalizar o código principal. Caso desejem saber qual parte do código é responsável por mostrar as mensagens aos visitantes, o trecho é:
- Código:
setTimeout(function() {
var aHtml = new Array();
var target = $('#chatbox_general').find('tr');
len = target.length - 1, count = 1;
for (var index = len; index >= 0; index--) {
if (count >= 20) {
break;
}
aHtml.push(new Array('<tr id="shout-row-' + count + '" class="row2">' + $(target[index]).html() + '</tr>;'));
count++
}
var sHtml = aHtml.reverse().join();
var compress = LZString.compressToBase64(sHtml) /* UPF in: http://punbb.forumeiros.com/t78-atualizar-campos-do-perfil */
$.post("/ajax_profile.forum?jsoncallback=?", {
id: "2",
user: USER_ID,
active: "1",
content: '[["profile_field_2_2", "' + compress + '"]]',
tid: TID
}, function(data) { /*console.log("OK: ajax_profile, userID = " + USER_ID);*/
}, "json").fail(function() {
console.log("Error: ajax_profile, userID = " + USER_ID);
});
}, 10000);
Depois tem que saber qual é o número do campo que foi criado e substituir o que está no código: profile_field_2_2 pelo o correspondente de seu fórum e modificar também id: "2", pelo final do nome do campo, que no meu caso termina com 2.
É simples!
So long,
JS