Site em "gaveta" - javascript

2 participantes

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

Tópico resolvido Site em "gaveta" - javascript

Mensagem por ZombieW 16.03.14 23:28

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 3:41, editado 1 vez(es)
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Site em "gaveta" - javascript

Mensagem por :-EraGon-: 16.03.14 23:54

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

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Site em "gaveta" - javascript

Mensagem por ZombieW 17.03.14 2:11

:-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>')});

'-'
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos