Ir para conteúdo

Arquivado

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

Aender

Iframe dinâmico ( como criar ? )

Recommended Posts

Pessoal, estou com uma dúvida em relação à iframe.

Bom, meu problema é o seguinte : teria como criar um iframe que fosse capaz de se adaptar ao tamanho da página que vai abrir dentro dele? Tipo, no site que estou criando as páginas tem tamanhos diferentes (alturas ) daí, dependendo da página o iframe fica com uma barra de rolagem e ao todo, a página fica comn duas. Se eu configurar o iframe com um tamanho fixo , e a página for pequena, fica um espaço em branco enorme sobrando no final, daí a única solução é criar um iframe dinâmico que vai se adaptar a altura da página e não vai fica com outra barra de rolagem.O layout da página é simples: um menu do lado esquerdo e o iframe do lado direito, onde as páginas vão ser abertas.Se alguém souber dá uma força aí, pois pelo que parece não deve ser tão simples.

Valeu moçada.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Simples. Faça isso aqui que dá certinho:

 

Coloque esse código no cabeçalho da página onde estará o iframe:

 

<script>  
function adjustFrame(frame){  
var frmTemp;  
if (document.all) {  
var w = frame.document.body.scrollWidth;  
var h = frame.document.body.scrollHeight;  

if(frame.document.body.scrollWidth > frame.document.body.offsetWidth) {  
document.all[frame.name].height = h + 30;  
}  
else {  
document.all[frame.name].height = h;  
}  
}  
else if (document.getElementById) {  

var w = frame.document.width;  
var h = frame.document.height;  

if(frame.document.body.scrollWidth > frame.document.body.offsetWidth) {  
document.getElementById(frame.name).height = h;  
}  
else {  
document.getElementById(frame.name).height = h;  
}  
}  
return false;  
}  
</script>

 

E no lugar do iframe, coloque isso:

 

<iframe name="ifrm" id="ifrm" marginwidth="0" marginheight="0" align="top" scrolling="no" frameborder="0"   width="LARGURA QUE VOCÊ QUISER" onload="adjustFrame(ifrm)" src="SUA PÁGINA.html" height="100%"></iframe>

 

Prontinho! Testa aí que você vai ver funcionando o que você pediu. Espero ter ajudado.

 

Qualquer coisa, estamos aí.

 

Abração.

 

Marco

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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