Página HTML Externa

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

Resolvido Página HTML Externa

Mensagem por ZombieW em 08/09/14, 05:21 pm

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?


Última edição por ZombieW em 13/09/14, 07:39 pm, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1266
Pontos Ativos : 1787

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

Resolvido Re: Página HTML Externa

Mensagem por Hancki em 09/09/14, 06:32 am

Olá!

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

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Página HTML Externa

Mensagem por ZombieW em 09/09/14, 09:01 am

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1266
Pontos Ativos : 1787

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

Resolvido Re: Página HTML Externa

Mensagem por waghcwb em 12/09/14, 11:58 am

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á
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Página HTML Externa

Mensagem por ZombieW em 12/09/14, 12:53 pm

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?
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1266
Pontos Ativos : 1787

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

Resolvido Re: Página HTML Externa

Mensagem por waghcwb em 12/09/14, 01:02 pm

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.
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Página HTML Externa

Mensagem por ZombieW em 12/09/14, 05:44 pm

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.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1266
Pontos Ativos : 1787

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

Resolvido Re: Página HTML Externa

Mensagem por waghcwb em 13/09/14, 07:15 pm

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>
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

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