Ajuda com JS Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Ajuda com JS

3 participantes

Ir para baixo

Tópico resolvido Ajuda com JS

Mensagem por ZombieW 27.12.14 7:08

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.tutorialdopw.com

Descrição do problema

Bom dia,

Tenho dois sites em "gavetas" em meu site do lado direito, preciso criar mais 2 só que no lado esquerdo, podem me ajudar?

O código para um dos da direita é este:

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:200px;height:350px;right:0px;z-index:1000"><iframe src="http://www.pwdatabase.com/br" 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>')});

Portanto, eu fiz este código, trocando o "right" por "left" e o "left" por "right", porém, sem sucesso:

Código:
// Ecatomb Retrátil by DropLeet / ZombieW
function chatoc4(){jQuery('#chatboxpop4').animate({width:'toggle'},1200);jQuery('#chatboxopen4,#chatboxclose4').toggle()};
jQuery(document).ready(function(){jQuery('body').prepend('<div style="overflow:visible;position:fixed;bottom:-20px;height:350px;right:0px;z-index:1000">
<iframe src="http://ecatomb.gdevtalk.net/br.ecatomb.net/skill.html" id="chatboxpop4" scrolling="yes" style="height:350px;float:left;overflow-x:visible;overflow-y:visible;
display:none;width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="chatoc4()" style="margin-top:10px;cursor :pointer;float:right">
<img src="http://i57.servimg.com/u/f57/17/53/75/18/radio110.png" id="chatboxopen4" style="display:inline">
<img src="http://i57.servimg.com/u/f57/17/53/75/18/radio210.png" id="chatboxclose4" style="cursor:pointer;display:none"></div></div>')});

Fico no aguardo.


Última edição por ZombieW em 04.01.15 6:14, 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: Ajuda com JS

Mensagem por Shek 02.01.15 20:16

Boa tarde!

Troque seu código por este:
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:200px;height:350px;left:0px;z-index:1000"><iframe src="http://www.pwdatabase.com/br" id="chatboxpop1" scrolling="yes" style="height:350px;float: left;;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>')});
Por gentileza, caso queira uma imagem para o lado correto, queira criar um novo tópico aqui: https://ajuda.forumeiros.com/f17- pedindo uma nova imagem. Piscada

Atenciosamente,
Shek
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com JS

Mensagem por ZombieW 03.01.15 6:28

Mas shek, o código passado por você é idêntico ao primeiro que passei...
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: Ajuda com JS

Mensagem por First 03.01.15 12:36

Olá,

Senhor oque seria um sites em "gaveta", poderia me explicar melhor?
De uma olhada neste [TUTORIAL] Organizando categoria como Forumeiros e você.


Atenciosamente. Piscada
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com JS

Mensagem por ZombieW 03.01.15 13:27

First escreveu:...oque seria um sites em "gaveta", poderia me explicar melhor?

Se você perder 2 min e entrar no meu site (o link não está lá atoa), você já entende.

Ajuda com JS 0110

Ajuda com JS 0210

Ajuda com JS 0310

O que representa o "PWDB" é o que eu coloquei no 1º código, o mesmo que o Shek repostou.

Eu preciso fazer o mesmo, só que no lado esquerdo, mantendo os 2 do lado direito.
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: Ajuda com JS

Mensagem por Shek 03.01.15 14:06

Bom dia @ZombieW

O código que lhe passei abre da esquerda para a Direita. Não foi isso que queria?
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com JS

Mensagem por ZombieW 04.01.15 1:34

Shek escreveu:Bom dia @ZombieW

O código que lhe passei abre da esquerda para a Direita. Não foi isso que queria?

@Shek

Não testei, na verdade, eu comparei o seu código com o meu, e vi que estava idêntico (motivo de não ter testado).

@Edit

Teste agora, deu certo. Obrigado.
ZombieW
ZombieW
Super Membro

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

http://www.perfectteam.org

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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