Você não está conectado. Conecte-se ou registre-se

Chatbox em cima dos widgets!

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Chatbox em cima dos widgets! em Qua Fev 25, 2015 5:28 pm

JScript

avatar
Membro elite

Bom, pra isso existem várias formas de se fazer, porém a mais correta é essa que eu estou postando aqui!
Tem várias razões, mas vou destacar algumas:
1- Não consome recursos, mesmo que o investimento do código esteja errado!
2- Não "aguarda" o DOM estar pronto para entrar em funcionamento, isso quer dizer que o chat irá aparecer instantaneamente na tela!
3- Mesmo que você desative o chat, o código não dá erros e não consome recurso algum!!!

Aqui está o código e o investimento ideal é somente no índice:
Código:

// Redefine function!
function insertChatBox(chatbox_id, chatbox_url) {
      return insertChatBoxNew(chatbox_id, chatbox_url);
   }
   // Redefine function!
function insertChatBoxNew(chatbox_id, chatbox_url) {
   // Put the chat box on top of widgets!
   $('#' + chatbox_id).parent().detach().prependTo('#wrapper');

   document.getElementById(chatbox_id).innerHTML = '<iframe src="/chatbox/index.forum?archives" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}

Nota: Fique atento caso você possua algum outro código de personalização do chat, nesse caso terá que mixar os códigos para que não entrem em conflito!

JS



Spoiler:
"O impossível é só uma questão de opinião."


"E o recente formará uma legião. Sua atuação será maior que a atual vezes mil. O estrondor de um milhão de teclados semelhante a um grande terremoto cobrirá a plataforma, e os incrédulos tremerão."

"Alguns seguidores dirão que não é possível, diante de uma legião estarrecida o recente provará o contrário e todos o conhecerão. Os infiéis passarão a lhe adorar diante de uma plataforma que nunca mais será a mesma!"


Do livro de JScript...


Ver perfil do usuário http://jscript.forumeiros.com/

2 Re: Chatbox em cima dos widgets! em Qua Fev 25, 2015 5:30 pm

Fox

avatar
Membro ativo

Eu criei o código abaixo e funciona perfeitamente:

Código:
function updateIframeSize(x,y){
    if (x != '') {
        $('#' + x).height(y + 10 + 'px');
    }
 }
 $(function() {
    try {
        if (jQuery('#frame_chatbox').length) {
            jQuery('.main-content.chatbox').detach().prependTo('#page-body');
        }
    } catch (err) {
        //  console.log(err)
    }
}, 10);

Ver perfil do usuário http://grandedown.forumeiros.com

3 Re: Chatbox em cima dos widgets! em Qua Fev 25, 2015 5:38 pm

Je4n

avatar
Membro ativo

Obrigado pelo tutorial, já apliquei em meu fórum. Very Happy



{WASD}
Ver perfil do usuário

4 Re: Chatbox em cima dos widgets! em Qua Fev 25, 2015 5:45 pm

JScript

avatar
Membro elite

@Fox
Parabéns pelo seu código, seja feliz!


@Je4n
Ok, depois se desejar postar um print...

JS



Spoiler:
"O impossível é só uma questão de opinião."


"E o recente formará uma legião. Sua atuação será maior que a atual vezes mil. O estrondor de um milhão de teclados semelhante a um grande terremoto cobrirá a plataforma, e os incrédulos tremerão."

"Alguns seguidores dirão que não é possível, diante de uma legião estarrecida o recente provará o contrário e todos o conhecerão. Os infiéis passarão a lhe adorar diante de uma plataforma que nunca mais será a mesma!"


Do livro de JScript...


Ver perfil do usuário http://jscript.forumeiros.com/

5 Re: Chatbox em cima dos widgets! em Qua Fev 25, 2015 7:00 pm

Zoldyck

avatar
Membro ativo

Ótimo tutorial @JScript irei implantar com toda certeza em meu fórum, reputado, muito bom mesmo. Very Happy



Curtiu meu trabalho? Clique em Agradecer!
Ver perfil do usuário

6 Re: Chatbox em cima dos widgets! em Qua Fev 25, 2015 8:05 pm

@Fox:

Não e sobre funcionar que ele disse, se tivesse lido o tópico...
Ex.: Esse meu código:
Código:
$(window).load(function() {
      var htmlchat = $('.main .main-content.chatbox.clearfix').html(); $('.main .main-content.chatbox.clearfix').remove(); $('#page-body').prepend(' '+htmlchat+' <br><br> ');
            });
Faz exatamente a mesma função, só que quando a página carrega. Isso não e exatamente um problema e só retirar o .load.


JScript: Simples e eficaz amigo, obrigado. Quanto menos erros em um fórum melhor a navegação, resultado em meu futuro fórum:
http://prntscr.com/69uzn7

Ver perfil do usuário

7 Re: Chatbox em cima dos widgets! em Qua Mar 04, 2015 9:03 pm

xOrlof

avatar
Membro

boa familia bestskin gostei!

Ver perfil do usuário

8 Re: Chatbox em cima dos widgets! em Dom Mar 29, 2015 9:03 am

Alexandre51

avatar
Membro elite

Caraca não vi esse seu post JScript.. acabei de postar algo nesse gênero... Nao sabia que era seu este código..
Desculpa cara.. por favor manda pro saco o meu post..

Ver perfil do usuário http://www.notag.forumais.com

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum