[TUTORIAL] Login automático no chatbox

Ao se recarregar a página o usuário é automaticamente desconectado do chatbox, dai vem a grande utilidade deste tutorial, este trará uma conexão automática.

--> Tutoriais, dicas e astúcias <--
Login automatico no chatbox

1º - Código a ser utilizado:

Código:

<script type="text/javascript">
function insertChatBox(chatbox_id, chatbox_url)
{
  document.getElementById(chatbox_id).innerHTML = '<iframe src="' + chatbox_url + '" name="fc" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}
function cbac() { setTimeout("if(!window.fc.connected) window.fc.CB_disconnect()",1000); }
jQuery(window).load(cbac);
</script>

2º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Título - Pode colocar o título que quiser para a página, não irá afetar em nada.

Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.

Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.

Código HTML - Coloque aqui o código que trabalhamos no item anterior.

Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).



3º - Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


O código será:

<script src="ENDERECO-DA-PAGINA-HTML"></script>

Por exemplo, no FdF:

<script src="https://ajuda.forumeiros.com/h1-logos"></script>

---

© Fórum dos Fóruns, Luks' & Today

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Login automatico no chatbox

Ao se recarregar a página o usuário é automaticamente desconectado do chatbox, dai vem a grande utilidade deste tutorial, este trará uma conexão automática.

--> Tutoriais, dicas e astúcias <--
Login automático no Chatbox

1º - Aplicação do Javascript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

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

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.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

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.

2º - Código a ser usado:
Em seguida, cole o código a seguir:

Código:

    /**************************************************************************
    * Module: JS_ChatAutoLogon
    * Description: Auto Logon in Chat Box!
    * Author: Made and Optimizations by JScript - 2014/11/02
    * Version: First Release!
    ***************************************************************************/
    var ChatIframeExist = setInterval(function() {
        try {
            if (jQuery('#frame_chatbox').length) {
                if (jQuery('object#frame_chatbox').length) {
    // console.log('Replaced by JS_ChatAutoLogon');
    var sHtml = '<iframe src="/chatbox/index.forum?archives=1" id="frame_chatbox" scrolling="yes" width="100%" height="100%" type="text/html" style="border: 0px;" />';
    jQuery('#frame_chatbox').replaceWith(sHtml);
    }
    clearInterval(ChatIframeExist);

    frames["frame_chatbox"].onload = function() {
    var forceConnect = setInterval(function() {
    document.getElementById("frame_chatbox").contentWindow.ajax_connect('?archives=1', 'connect');

    if (document.getElementById("frame_chatbox").contentWindow.document.getElementById('chatbox_members').innerHTML !== '') {
    clearInterval(forceConnect);

    document.getElementById("frame_chatbox").contentWindow
    .refresh_interval = setInterval('document.getElementById("frame_chatbox").contentWindow.refresh_chatbox("?archives=1")', 5000);
    }

    }, 500);
    }
            }
        } catch (err) {
            // console.log(err)
        }
    }, 100);


• Observações do desenvolvedor
  A atualização do código contém notas do autor.

  JScript escreveu:
  Eu sei que já existem diversas soluções por ai para este "efeito", mas todas possuem um "flicker" que basicamente consiste em vermos o ChatBox "original" que está dentro da tag object para em seguida ser substituído pelo ChatBox dentro de um iframe!
  
  Até ai tudo certo pois é utilizado a função jQuery(function() {}); que "espera" o DOM estar pronto para dar início ao código. Ora, mas dependendo da velocidade da conexão e do computador, até que o DOM fique pronto, dá tempo para vermos o ChatBox anterior, o do object que eu falei anteriormente...
  
  Mas temos uma solução para isso: setInterval(function() { }, time);
  A variável time pode ter um valor mínimo de 10 milissegundos!

---

© Fórum dos Fóruns & JScript

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Login automático no Chatbox