domingo, 24 de outubro de 2010

iFrame auto-ajustável

Página dentro de páginas, eis a questão.
É realmente necessário criar uma página dentro de outra página que provavelmenta já está dentro de outra página?
Se você não quer trabalhar com ajax ou Servlet, acho que é necessário mesmo. Então como podemos deixar o conteúdo do bendito iFrame se ajustar ao seu conteúdo da página chamadora?
Digamos que tenho a página 1.html, esta página tem um iframe em seu conteúdo:
<iframe id="xxx" src="xxx.html"/>

O conteúdo da página xxx.html tem que estar dentro de uma div, com o nome "conteudo".
No final da página xxx.html eu coloco o script:
<script language="JavaScript" type="text/javascript">
parent.document.getElementById("xxx").height = (document.getElementById("conteudo").scrollHeight) + 20;
</script>
Comentário do script:
Procure o elemento com o nome "xxx" e altere sua altura para a mesma altura do elemento com o nome "conteúdo" adicionando mais 20 pixels.
Simples né? Quem nuca fez gambiarra que atire a primeira pedra...

2 comentários:

  1. hhehheheh, muito maneiro o tutorial, so falta testar na minha nova página!, valeu brother!

    ResponderExcluir
  2. poxa infelizmente num deu certo! mas valeu!

    ResponderExcluir