Iframe com altura automática de acordo com o conteúdo
Opa. Post rápido com código pequeno: Auto-dimensionamento de iframe
Script rápido que muita gente procura e fica brigando com códigos gigantescos.
Atenção: só funciona para iframes do mesmo domínio. De outro domínio dá erro de segurança.
Editado por conta de um bug no IE.
<script type='text/javascript'>
function iframeAutoHeight(quem,heu){
//by Micox - elmicox.blogspot.com - elmicox.com - webly.com.br
if(navigator.appName.indexOf("Internet Explorer")>-1){ //ie sucks
var func_temp = function(){
var val_temp = quem.contentWindow.document.body.scrollHeight + 5
quem.style.height = val_temp + "px";
alert(val_temp) }
setTimeout(function() { func_temp() },100) //ie sucks
}else{
var val = quem.contentWindow.document.body.parentNode.offsetHeight + 5
quem.style.height= val + "px";
}
}
</script>
uso no onload do iframe:
<iframe id='ha' src='teste.php' onload='iframeAutoHeight(this)' frameborder='0'></iframe>
Setembro 26th, 2007 22:57
cara te amo! vc me salvou já precisei disso milhares de vezes!!!
cara comente lá no meu blog tbm
!
tu te maté link lá no meu ok ?
Setembro 27th, 2007 04:30
Muito bom!
Setembro 27th, 2007 09:13
muito legal isso,
mas eu não entendi pq fazer a barra de rolagem ( val = 20; //barra rolagem), já que o iframe vai ter autoheight ?
fuiii…
Setembro 27th, 2007 10:16
Cara, muito show, eu já tive vários problemas com iframe e agora eu sei que um deles está resolvido.
Setembro 27th, 2007 11:11
@ramon
Se não tiver isto, ele adiciona uma barra de rolagem horizontal hehe
Outubro 15th, 2007 15:17
Muito bom Mico….
Valews…muito boa…
Dezembro 17th, 2007 14:57
Ixi, num tem como acertar este prolema do subdomínio? q zuado!
Dezembro 17th, 2007 15:28
Opa Ismael, esses dias soltaram um script server-side aí chamado ACD pra ajudar a acessar cross-domain.
té mais.
Busca no google ae
Março 26th, 2008 17:33
Micox,
Eu apanho muito em html etc, mas finalmente, depois de horas, eu consegui fazer o que vc falou.
A unica coisa é que está aparecendo dois erros: 185 e 299, quando acesso a página.
http://www.evolutiontraining.com.br/1-menu.html
Quando vc clica em “a empresa” ou na logo superior direita aparecem estes erros
Vc pode me dar uma diretriz p/ eu resolver isso?
Agradeço muito
Setembro 7th, 2008 17:12
karambas e mesmo fica aparecendo uns erros no IE com uns numeros karah eitah, prisiso disso sem erros xD