sexta-feira, maio 04, 2018

HTML / Javascript - Mostrar carregar mais de uma página ao mesmo tempo

Muitas vezes você precisa que mais de uma página HTML seja carregada ao mesmo tempo.  Você pode fazer isto de algumas maneiras. Por exemplo:

1) Com a tag 'Object'
Vale observar que é necessário que as páginas estejam no mesmo domínio.
A página 2 do exemplo coloquei para ficar oculta, por isto defini um espaço de 1x1.
  <HTML>  
   <BODY>  
    <object data="http://www.neoage.com.br/pagina1" type="application/javascript" width="100%" height="100%">  
      Error: Embedded data could not be displayed - Página 1.  
     </object>  
      <object data=" http://www.neoage.com.br/pagina2" type="text/html" width="1" height="1">  
      Error: Embedded data could not be displayed - Página 2.  
      </object>   
 </BODY>  
 </HTML>  

2) Usando a tag 'iframe'

Aqui também temos a limitação das páginas estarem no mesmo domínio.
 <HTML>  
   <BODY>  
   <iframe id="frameA" src="https://www.neoage.com.br/p1.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100px; height:100px; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">  
      Your browser doesn't support iframes  
    </iframe>  
   <iframe id="frameD" src=" https://www.neoage.com.br/p2.html" style="position:fixed; top:100px; left:100px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">  
     Your browser doesn't support iframes  
   </iframe>  
 </BODY>  
 </HTML>  



3) - Usando a função javascript 'window.open'

 <HTML>  
 <BODY>  
      <script>  
 function getParameterByName(name, url) {  
   if (!url) url = window.location.href;  
   name = name.replace(/[\[\]]/g, "\\$&");  
   var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),  
     results = regex.exec(url);  
   if (!results) return null;  
   if (!results[2]) return '';  
   return decodeURIComponent(results[2].replace(/\+/g, " "));  
 }  
   pagina_go=getParameterByName('pagina');  
   document.write("Parametro: " + pagina_go);  
    window.open('https://neoage.com.br/p1.html','_tab1');  
    window.open(pagina_go,'_tab');  
      </script>       
 </BODY>  
 </HTML>  

Nenhum comentário:

Postar um comentário

Busca do Google

Custom Search