Ir para conteúdo
landerbadi

Abrir site externo dentro página php sem usar frame ou iframe

Recommended Posts

Tenho uma página php aonde tenho uma div principal onde será aberto o conteúdo principal da pagina e um rodapé onde ficará o menu.

Os itens desse menu são links de paginas externas. Veja imagem em anexo.

 

O que eu quero fazer é o seguinte: Quando eu clicar em um item do menu ele abra o conteúdo de uma pagina externa na div principal sem sair do meu site. 

Veja imagem em anexo.

 

Eu já consegui fazer com que abra na div principal. Porem se eu clicar em algum link ele sai da minha pagina e fica apenas na pagina externa. Eu preciso fazer com que seja possível navegar na pagina externa sem sair da minha pagina.

 

Alguém sabe como posso fazer isso sem usar frame ou iframe?

Untitled-2.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites
59 minutos atrás, landerbadi disse:

Tenho uma página php aonde tenho uma div principal onde será aberto o conteúdo principal da pagina e um rodapé onde ficará o menu.

Os itens desse menu são links de paginas externas. Veja imagem em anexo.

 

O que eu quero fazer é o seguinte: Quando eu clicar em um item do menu ele abra o conteúdo de uma pagina externa na div principal sem sair do meu site. 

Veja imagem em anexo.

 

Eu já consegui fazer com que abra na div principal. Porem se eu clicar em algum link ele sai da minha pagina e fica apenas na pagina externa. Eu preciso fazer com que seja possível navegar na pagina externa sem sair da minha pagina.

 

Alguém sabe como posso fazer isso sem usar frame ou iframe?

Untitled-2.jpg

@landerbadi 

Seria algo assim

usando Jquery usando a função load você pode ler um arquivo html e carregar em um elemento da sua página principal, segue exemplo:

arquivo da página principal: Ex: pegar-arquivo-sem-o-iframe.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Meu site pegará outra página sem o iframe</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"
            integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
            crossorigin="anonymous"></script>
</head>
<body>
    
   <h1>Ler página <button type="button" id="ler-pagina">Ler página</button> </h1>
   <div id="conteudo-pagina-lida"></div>
    
   <script>
   $(document).ready(function(){
        $("#ler-pagina").click(function(){
             
            $(function(){
                $("#conteudo-pagina-lida").load("pagina-nova.html"); 
            });
        })
   });
   </script>
    
</body>
</html>

Arquivo da outra página a ser lida: Ex : pagina-nova.html

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>PAGINA QUE FICARÁ DENTRO DO MEU SITE SEM O IFRAME</title>
</head>
<body>
    
  <h2>Testando a nova página dentro do meu site sem o iframe</br>
      Ficou muito top isso mano :)
  </h2>
    
</body>
</html>

OBS: execute esses testes rodando em um servidorzinho http local mesmo, se não , não vai funcionar por causa da segurança do ajax, Access Origin, Cors

 

Espero que tenho ajudado 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por cjlessa
      Boa noite,
      Peço a ajuda de vocês para o seguinte problema:
      Utilizo um script simples para mostrar uma página no meu site. O script é este:
      <?php
      $ch = curl_init();
      $timeout = 5; // set to zero for no timeout
      //curl_setopt ($ch, CURLOPT_URL, "http://151.106.108.82:8080/SAES/TotaisSetor?setor=310900605000024" );
      curl_setopt ($ch, CURLOPT_URL, "https://www.ibge.gov.br/indicadores#variacao-do-pib" );
      curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
      curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
      $file_contents = curl_exec($ch);
      curl_close($ch);// display file
      echo $file_contents;
      ?>
      A página que está comentada é a que quero mostrar. Ela não funciona. A pagina do IBGE é mostrada sem problema.
      Isto ocorre no servidor Linux, na minha máquina com windows e Xamp funciona normalmente. 
      Imagino que seja alguma configuração, mas não consegui encontrar qual é.
      Desde já agradeço.
      Um abraço,
      Carlos Lessa 
    • Por lucasrapha
      Eu jogo um jogo que, em seu site, informa a quantidade de jogadores online (http://ragnaxp.com/). Ultimamente, o servidor do jogo tem sofrido ataques e quedas, deixando-o offline muitas vezes por dia. Logo, muitas pessoas ficam no fórum ou nos outros canais de comunicação perguntando "caiu?", "ta on?", "ta off?" e etc, algo extremamente estressante.

      Eu gostaria de criar um pequeno site (meio de zuera) que informasse, a partir das informações do site do jogo, se o servidor está online ou não. Tipo esse: http://www.ismycomputeron.com/ (obviamente o código desse site é bem bobo propositalmente). Entendo um pouco de HTML e gostaria de saber se é possível fazer um código que fizesse, por exemplo, o seguinte:
       
      Se a variável "players online" (do site do jogo) fosse IGUAL A ZERO, meu site informaria que o servidor ESTÁ OFFLINE. Se a variável fosse MAIOR QUE ZERO, meu site informaria que o servidor ESTÁ ONLINE. O problema é que não sei tirar essas informações de um site externo, sei apenas o básico de HTML, como formatação de texto, inserção de imagens, coisas assim.
      Li algo sobre o uso do "form method=get/action/etc"... para informar que estou trazendo informações de fora, mas não sei se cabe aqui no que desejo fazer.

      Alguém pode me ajudar? 
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.