Página HTML Externa

Boa tarde, 

Tenho uma parceria com um site de jogos, e para tal devo deixar fixado em forma de "gaveta" o site parceiro dentro do meu site. Para isso tenho um código que faz a "gaveta" funcionar corretamente e esse não é meu problema.

O meu problema é que para essa "gaveta" funcionar, eu pego o código-fonte da página parceria e insiro num página HTML do meu fórum, e portanto, quanto o parceiro altera algo no site dele, sempre tenho que atualizar meu código.

Há algum jeito de ao invés de eu sempre inserir o código-fonte, a minha página HTML sempre ser atualizada de acordo com a página do parceiro sem minha intervenção?

Olá!

Nós até podemos tentar algo, mas preciso de mais detalhes, como links das páginas, o que carregar sozinho etc...

Hancki

Preciso que a página ser sempre atualizada/carregada seja esta: http://www.radiogamesbrasil.com.br

Meu HTML atual:

http://www.tutorialdoca.com/h11-RGB

E meu JS para deixar o site em "gaveta":

Código:

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

O que é esse "gaveta" que você fala? Para que o site do cara apareça ai não é necessário script nenhum, basta usar HTML e CSS mesmo, veja

Código:

<style type="text/css">
  body{
     margin: 0;
  }
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  iframe{
     width: 100%;
     height: 100%;
     display: block;
  }
</style>
<iframe src="http://www.radiogamesbrasil.com.br">Seu navegador não suporta iframes..</iframe>

E aqui o resultado

http://punbbteste.forumeiros.com/h22-radio-games


Toda vez que o conteúdo da página for atualizado essa página vai estar com o conteúdo contido lá

Isso seria a "gaveta":



@Sua solução

No caso, é só eu adicionar isso no CSS e apontar para minha página HTML que se resolve?

Não, não resolve...

Eu achei que precisava para uma página com um iframe para o site do seu parceiro, mas no caso o que quer é uma aba lateral que quando clicada carrega o tal site dentro do seu site mesmo né?

Então no caso, preciso de algumas informações adicionais, como qual a altura máxima dessa aba? Qual a largura máxima? Tem preferência de alguma estilização para o botão de abrir?

Lembrando, os valores podem ser em porcentagem se preferir

Continuamos em seguida.

Camarada, a página já funciona normalmente.

Como funciona hoje: eu vou no site parceiro, pego o código-fonte da página, copio e colo na minha página HTML e tudo se resolve.

Como eu quero que fique: de algum modo eu sempre aponte para o código fonte da página parceira, afim de NUNCA ter de dar manutenção na minha página HTML.

Basta que troque o link do iframe que direciona para a página que você fica atualizando para o link do site do cara
http://www.radiogamesbrasil.com.br

Código:

<iframe src="http://www.radiogamesbrasil.com.br/"></iframe>