Publicado em 9 de out.

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

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?

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Jack Oliveira· 9 de out.

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.

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

@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

Omar~· 10 de out.

Nesse caso você pode usar ajax, mas é necessário autorização do endereço para seu servidor tenha tal acesso.

Mais informação em: https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Headers/Access-Control-Allow-Origin