Opa. Post rápido com código pequeno: Auto-dimensionamento de iframe
Editado por causa de um bug no IE.
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.
<script type='text/javascript'>
function iframeAutoHeight(quem){
//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 + 15
quem.style.height = val_temp + "px";
}
setTimeout(function() { func_temp() },100) //ie sucks
}else{
var val = quem.contentWindow.document.body.parentNode.offsetHeight + 15
quem.style.height= val + "px";
}
}
</script>
uso no onload do iframe:
<iframe id='ha' src='teste.php' onload='iframeAutoHeight(this)' frameborder='0'></iframe>
Se tivesse um demo online era melhor ainda. Parabéns pelo novo recurso...
ResponderExcluirMais uma que vai para o del.icio.us Micox. ;P Estava precisando de algo assim para implementar num sistema que estou mexendo. :P
ResponderExcluirAbraços
mico, ali no setTimeout você poderia omitir function(){func_temp()}, trocando por soh func_temp já que nao recebe nenhum argumento, poderia chamar essa função embaixo tb pra evitar codigo extra, mas de qualquer jeito ta muito boa.
ResponderExcluirEu vou é deletar essa parada pois ela parece que não tá funfando não :(
ResponderExcluireu não consegui
ResponderExcluircoloquei o código mais não funcionou
o q deu errado?
simplismente não funciona
abraços!
Olá Will,
ResponderExcluirDá uma lida neste tópico aqui pra ver outras alternativas.
Qualquer coisa me fala ae.
Muito bom!
ResponderExcluirEstava procurando igual uma doida exatamente isso! Funciona redondinho!
=* brigada!
Não funciona... alguem testou essa parada?Testei em varios navegaores e e nada
ResponderExcluirFunciona certinho no IE, mas quando testo no Mozila a página não carrega o texto da minha página que abre no iframe. O que posso fazer?
ResponderExcluirte amoooooooooo !!! vlw meu querido... funcionou em tds os navegarores
ResponderExcluirTestado. Totalmente funcional.
ResponderExcluirNavegadores usados:
Internet Explorer: 8.0.6001.18702
Firefox 3.6.x: 3.6.15
Firefox 4.x: 4.0
Chrome: 10.0.648.151
Grato pela ferramenta muito útil.
Funcionou aki somente no IE9...
ResponderExcluirnao funfo no chrome e agora ?
ResponderExcluirFuncionou, só não entendi o pq do {{{ id="ha" }}} alguém pode me explicar? sou novatão nos paranaue...
ResponderExcluirParabéns! Foi muito útil!
ResponderExcluir