Height 100% - Ajuste Automático

em
Olá pessoal já estou alguns dias sem postar nada, bom hoje irei postar um exemplo de uma solução  uma dúvida, ou melhor dizendo problema comum entre os desenvolvedores iniciantes que nada mais é que o ajuste vertical automático, fazer com que um iframe se ajuste automático na vertical.  Pois bem chega e conversa e vamos ao exemplo.





Em sua página que tem o iframe coloque o seguinte antes de fechar a tag </head>

<script language="JavaScript">
<!--
function resize_iframe()
{

 var height=window.innerWidth;//Firefox
if (document.body.clientHeight)
{
height=document.body.clientHeight;//IE
}
       // redimensionar o iframe de acordo com o tamanho da Janela
document.getElementById("conteudo").style.height=parseInt(height-
document.getElementById("conteudo").offsetTop-8)+"px";
}
// Isto irá redimensionar a cada iframe
// Tempo de alterar o tamanho da janela.

window.onresize=resize_iframe; 

 // Em vez de usar isso, você pode usar:
// <BODY onresize="resize_iframe()"> ou seja você pode colocar o onresize direto no body também

 //-->
</script>


E na tag <iframe> siga o exemplo lembrando que o nome do id informado no script deve ser o mesmo em nosso exemplo utilizei o nome "conteudo".

 
<iframe id="conteudo" width="100%" onload="resize_iframe()">
</iframe>





Bom é isto qualquer dúvida post nos comentários. Obrigado!!!!

Comentários

Postar um comentário