[TUTORIAL] Login automático no chatbox

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

[TUTORIAL] Login automático no chatbox

Mensagem por BrunoH. em 20/12/13, 05:46 pm



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



- 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>


- 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
(carregue na imagem para aumentar)
Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta 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.
Seta 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.
Seta 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.

(carregue na imagem para aumentar)

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).

(carregue na imagem para aumentar)


- 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.

(carregue na imagem para aumentar)

O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

[TUTORIAL] Login automático no Chatbox - V 2.0

Mensagem por Shek em 24/11/14, 04:29 am



Javascript & 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




- 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 >>
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta 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.
Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Seta 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.


- 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
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17159
Pontos Ativos : 21416

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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