Ajuda com JS

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.

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.

Atenciosamente,
Shek

Mas shek, o código passado por você é idêntico ao primeiro que passei...

Olá,

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


Atenciosamente.

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.







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.

Bom dia @ZombieW

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

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.