Site em "gaveta" - javascript

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

Resolvido Site em "gaveta" - javascript

Mensagem por ZombieW em 16/03/14, 08:28 pm

Qual é minha questão:
Olá a todos, 

Eu tenho um site em forma de "gaveta" que ao clicar na aba lateral, é aberto um mini-site.

Preciso fazer o mesmo com outro site, o problema é que quando abro o primeiro (que já funcionava), ele não abre o segundo ou se eu abro o segundo, ele abre o primeiro.

Como solucionar isso?

Código do primeiro site (o que funciona):

Código:
// PWDB Retrátil by DropLeet
function chatoc(){jQuery('#chatboxpop').animate({width:'toggle'},1200);jQuery('#chatboxopen,#chatboxclose').toggle()};jQuery(document).ready(function(){jQuery('body').prepend('<div style="overflow:visible;position:fixed;bottom:400px;height:350px;right:0px;z-index:1000"><iframe src="http://tutorialdopw.com/h9-" 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="chatoc()" style="margin-top:10px;cursor :pointer;float:left"><img src="http://i44.servimg.com/u/f44/15/04/49/64/pwdb_r10.png" id="chatboxopen" style="display:inline"><img src="http://i44.servimg.com/u/f44/15/04/49/64/pwdb_r11.png" id="chatboxclose" style="cursor:pointer;display:none"></div></div>')});

Código do segundo site (o que está com erro):

Código:
// RGB Retrátil by DropLeet / ZombieW
function chatoc(){jQuery('#chatboxpop').animate({width:'toggle'},1200);jQuery('#chatboxopen,#chatboxclose').toggle()};jQuery(document).ready(function(){jQuery('body').prepend('<div style="overflow:visible;position:fixed;bottom:30px;height:350px;right:0px;z-index:1000"><iframe src="http://tutorialdoca.com/h11-" 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="chatoc()" style="margin-top:10px;cursor :pointer;float:left"><img src="http://i57.servimg.com/u/f57/17/53/75/18/radio110.png" id="chatboxopen" style="display:inline"><img src="http://i57.servimg.com/u/f57/17/53/75/18/radio210.png" id="chatboxclose" style="cursor:pointer;display:none"></div></div>')});

Creio que isso deve funcionar de forma similar ao "Acesso Rápido", mas não descobri como fazer ambos funcionar.

Obs.: Para ver a "gaveta" da rádio (segundo site) funcionando, é só acessar meu outro fórum: http://www.tutorialdoca.com

Obrigado e no aguardo.

Endereço do meu fórum:
http://www.tutorialdopw.com

Versão do fórum:
PHPBB3


Última edição por ZombieW em 17/03/14, 12:41 am, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1273
Pontos Ativos : 1798

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Site em "gaveta" - javascript

Mensagem por :-EraGon-: em 16/03/14, 08:54 pm

Olá amigo, refere-se a aba "Rádio"? pois quando cliquei nela no seu fórum ela não abriu so abriu a de cima
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Site em "gaveta" - javascript

Mensagem por ZombieW em 16/03/14, 11:11 pm

@:-EraGon-: escreveu:Olá amigo, refere-se a aba "Rádio"? pois quando cliquei nela no seu fórum ela não abriu so abriu a de cima

Sim, essa mesmo.

Do jeito que ambos os códigos estão, apenas 1 funciona, eu queria que ambos funcionassem.

@Edit

Consegui fuçando, segue os novos códigos:

PWDB:

Código:
// PWDB Retrátil by DropLeet
function chatoc1(){jQuery('#chatboxpop1').animate({width:'toggle'},1200);jQuery('#chatboxopen1,#chatboxclose1').toggle()};jQuery(document).ready(function(){jQuery('body').prepend('<div style="overflow:visible;position:fixed;bottom:400px;height:350px;right:0px;z-index:1000"><iframe src="http://tutorialdopw.com/h9-" id="chatboxpop1" 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="chatoc1()" style="margin-top:10px;cursor :pointer;float:left"><img src="http://i44.servimg.com/u/f44/15/04/49/64/pwdb_r10.png" id="chatboxopen1" style="display:inline"><img src="http://i44.servimg.com/u/f44/15/04/49/64/pwdb_r11.png" id="chatboxclose1" style="cursor:pointer;display:none"></div></div>')});

Rádio:

Código:
// RGB Retrátil by DropLeet / ZombieW
function chatoc2(){jQuery('#chatboxpop2').animate({width:'toggle'},1200);jQuery('#chatboxopen2,#chatboxclose2').toggle()};jQuery(document).ready(function(){jQuery('body').prepend('<div style="overflow:visible;position:fixed;bottom:30px;height:350px;right:0px;z-index:1000"><iframe src="http://tutorialdoca.com/h11-" id="chatboxpop2" 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="chatoc2()" style="margin-top:10px;cursor :pointer;float:left"><img src="http://i57.servimg.com/u/f57/17/53/75/18/radio110.png" id="chatboxopen2" style="display:inline"><img src="http://i57.servimg.com/u/f57/17/53/75/18/radio210.png" id="chatboxclose2" style="cursor:pointer;display:none"></div></div>')});

'-'
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1273
Pontos Ativos : 1798

Ver perfil do usuário http://www.perfectteam.org

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