Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Chat Box Retrátil - Lateral
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Chat Box Retrátil - Lateral
Detalhes da questão
Endereço do fórum: http://tech-world.forumeiros.com
Versão do fórum: PunBB
Descrição
Boa tarde, estou tentando colocar esse chatbox retrátil lateral conforme consta no tutorial, porém quando eu abro ele não aparece o chatbox, da um erro na página e abre o fórum dentro da caixa do chatbox.
Eu tentei colocar na descrição a página html, mais não deu, ai eu coloquei no template overall_footer_end.
Quem poder me ajudar desde já eu agradeço.
Re: Chat Box Retrátil - Lateral
Olá novamente,
Creio que o problema não esteja no código e sim em outro lugar, de acordo com meus testes a chatbox não se encontra ativa em nenhum lugar e mesmo assim está visível mais não funcional. Pela informação que o senhor deu e que adicionou o código overall_footer_end peço que o senhor retire-o de lá para que podemos prosseguir.
Até mais!
Creio que o problema não esteja no código e sim em outro lugar, de acordo com meus testes a chatbox não se encontra ativa em nenhum lugar e mesmo assim está visível mais não funcional. Pela informação que o senhor deu e que adicionou o código overall_footer_end peço que o senhor retire-o de lá para que podemos prosseguir.
Até mais!
Re: Chat Box Retrátil - Lateral
Retirei do template, vou tentar adicionar em um widget.
Olha como ficou:
Quando abre o chatbox:
Depois de 5 segundos:
Eis o código utilizado:
Olha como ficou:
Quando abre o chatbox:
Depois de 5 segundos:
Eis o código utilizado:
- Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>
Re: Chat Box Retrátil - Lateral
Olá autor, boa tarde.
O motivo disso é simples: o chatbox não está ativo. Para você ativar acesse:
E em Ativar o Chatbox você seleciona SIM e clica em VALIDAR.
Até.
O motivo disso é simples: o chatbox não está ativo. Para você ativar acesse:
Painel de Controle -> Modulos -> Chatbox -> Configuração
E em Ativar o Chatbox você seleciona SIM e clica em VALIDAR.
Até.
Re: Chat Box Retrátil - Lateral
Pior que esta ativo sim. Acho que é a versão do meu fórum que não aceita esses códigos.
Re: Chat Box Retrátil - Lateral
juninho_xd escreveu:Pior que esta ativo sim. Acho que é a versão do meu fórum que não aceita esses códigos.
O Tutorial relacionado ao efeito que o senhor deseja está desatualizado, mais tenho uma solução mais eficaz e ágil. Poderemos criar o chat com o mesmo estilo só que com código JS criado por nosso ex-ajudeiro Luiz. Após aplicado o senhor poderá personalizar o chat pela folha de estilo CSS a seu gosto.
Código:
- Código:
(function ($) {
'use strict';
$(function () {
$('body')
.append([
'',
'<div id="lz-chat">',
' <iframe src="/chatbox/index.forum?" id="chatboxpop" scrolling="yes" marginwidth="0" marginheight="0" frameborder="0"></iframe>',
' <div id="lz-popup">',
' <img src="https://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline;">',
' <img src="https://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none;">',
' </div>',
'</div>',
'',
'<style type="text/css">',
' #lz-chat {',
' overflow: visible;',
' position: fixed;',
' bottom: 110px;',
' height: 350px;',
' right: 0px;',
' z-index: 1000;',
' }',
'',
' #chatboxpop {',
' height: 450px;',
' float: right;',
' overflow: hidden;',
' width: 750px;',
' display: none;',
' }',
'',
' #lz-popup {',
' margin-top: 10px;',
' cursor :pointer;',
' float:left;',
' }',
'</style>',
'',
].join('\n'))
;
$('#lz-popup').on('click', function () {
$('#chatboxpop')
.animate({width:'toggle'},700)
;
$('#chatboxopen,#chatboxclose')
.toggle()
;
});
});
}(jQuery));
Obs: Crie um novo JS e faça a aplicação na opção em todas as páginas.
Re: Chat Box Retrátil - Lateral
Olá!juninho_xd escreveu:Parece que funcionou, porém ficou estranho, em baixo do fórum:
O problema ainda persiste ? Acessei o seu fórum e o mesmo encontra-se estável. Se caso ainda estiver com o problema, me confirme algumas coisas. O erro encontra-se quando está deslogado ou quando está logado, ou de ambos modos? Outros membros relataram o problema também ou apenas o senhor? No caso de ser apenas com o senhor, tente utilizar outro navegador para testar e limpe os cookies de seu navegador atual.
Att!
Re: Chat Box Retrátil - Lateral
Muito obrigado, funcionou corretamente, mais se possível eu queria fazer com que tivesse o chatbox em todo o fórum, não só no inicio, teria como?
Chat box em tempo real.
Muito obrigado novamente.
Chat box em tempo real.
Muito obrigado novamente.
Re: Chat Box Retrátil - Lateral
Aceda à: Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum
Crie um widget personalizado e adicione o código em um widget ao invés do local que mostra no tutorial.
Att!
Crie um widget personalizado e adicione o código em um widget ao invés do local que mostra no tutorial.
Att!
Re: Chat Box Retrátil - Lateral
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Chat Box Retrátil - Lateral
» Chat box retrátil - lateral
» Chat Box Retrátil - Lateral
» Chat box retratil - lateral
» Chat box retrátil - lateral
» Chat box retrátil - lateral
» Chat Box Retrátil - Lateral
» Chat box retratil - lateral
» Chat box retrátil - lateral
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos