Ir para conteúdo

POWERED BY:

Arquivado

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

oprogramador2012

Altura automática de um iframe

Recommended Posts

Olá gente!!!

preciso fazer com que um iframe tenha altura automática, ou seja, se adeque a altura dependendo do conteúdo que estará nele.

 

O script abaixo até funciona direitinho quando o conteúdo ocupa altura superior a 152px. Mas quando não há conteúdo algum, ou seja, não há altura. Ele coloca um tamanho fixo de 152px de altura.

 

Já tentei, pesquisei e nada..

 

Tenho o seguinte script:

function iframeAutoHeight(quem)
{
    if(navigator.appName.indexOf("Internet Explorer")>-1)
{ 
        var func_temp = function()
{
            var val_temp = quem.contentWindow.document.body.scrollHeight + 15
            quem.style.height = val_temp + "px";
        }
        setTimeout(function(){func_temp()}, 100) 
    }
else
{
        var val = quem.contentWindow.document.body.parentNode.offsetHeight + 15
var totalvar = val -13; 
        quem.style.height= totalvar + "px";
    }    
}

 

e meu iframe está assim:

<iframe onload="iframeAutoHeight(this);" marginwidth="0" id="ha" src="conteudo.php" width="100%" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

 

algum filho de Deus para me ajudar com esta causa?

Agradeço desde já!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde brother,

 

Só com o javascript puro pode ser meio complicado de fazer funcionar em todos os navegadores com todas as variações de versão.

Mas tem um plugin do jQuery no github que talvez te ajude.

https://github.com/house9/jquery-iframe-auto-height

 

No link tem a documentação, exemplos, e se vc baixar tem uma pasta demo com alguns testes.

 

Valeu.

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.