Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mmb

[Resolvido] Como fazer Iframe se ajustar ao seu "src"

Por , em Desenvolvimento frontend

Recommended Posts

mmb    0

mmb
Postado

Dae galera,

 

Como que faço para que minha iframe se ajuste automaticamente conforme a pagina?

 

Por exemplo:

<iframe src="teste1.html" height="100%" width="100%"></iframe>

Gostaria que sua altura se ajustasse para que não houvesse barra de rolagem isto é possivel?

 

Abraço,

mmb

Compartilhar este post

Link para o post
Compartilhar em outros sites

Capiau    0

Capiau
Postado

Dae galera,Como que faço para que minha iframe se ajuste automaticamente conforme a pagina?Por exemplo:

<iframe src="teste1.html" height="100%" width="100%"></iframe>
Gostaria que sua altura se ajustasse para que não houvesse barra de rolagem isto é possivel?Abraço,mmb
Eu utilizo javascript para isso.Coloque um "id" no iframe:
<iframe id="IdIframe" src="teste1.html" height="100%" width="100%"></iframe>
Adicione esse script dentro do "head" da página que vai ser carregada no iframe:
<script language="javascript">function resizeIframe() {			i = parent.document.getElementById('IdIframe');		if(i!=null){			iHeight = document.body.scrollHeight;			i.style.height = iHeight + 35 + "px";		}	}</script>
O valor "35" é para dar um espaço "a mais" no iframe.Faça a chamada da função no "body" dessa página:
<body onload="resizeIframe();">
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito