ELIEL DE PAULA

FULL STACK WEBDEVELOPER

Redimensionar altura de iframe automaticamente

Postado dia 20/10/2014
ProgramaçãoDicas

Redimensionar altura de iframe automaticamente

Esta função redimensiona um iframe horizontalmente de acordo com o conteúdo exibido nele alterando a propriedade "height" com javascript:

 

<script>
function sizeFrame() { 
    var F = document.getElementById("myFrame"); 
    if(F.contentDocument) { 
        F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome 
    } else { 
        F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome 
    } 
} 

window.onload=sizeFrame;
</script> 

 

Para usar basta criar um iframe com o ID usado no código acima:

 

<iframe frameborder="0" id="myFrame" scrolling="no" src="thispage.htm" width="100%"></iframe>

Comentarios

redimensionar janela iframe javascript