sexta-feira, maio 04, 2018

Como mostrar código HTML ou Javascript em um post do Blogger

Achei este webapp muito bom com a funcionalidade de conversão de código para blogs


Basta você converter o seu código e colocar o HTML gerado no post do seu Blog.

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>  






Busca do Google

Custom Search