Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17416
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Iframe com altura e largura automática

21-01-2007 02:10

Esse recurso irá fazer com que possamos abrir um outro documento dentro de nossa página e esse documento se ajustará ( altura e largura ) ao nosso documento atual, esse código é dividido em 2 partes:
a 1º é carregar nosso arquivo por iframe, vamos a um exemplo:

<iframe id="iframe" src="arquivo.html" width="" height="" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=NO WIDTH=0 HEIGHT=0></iframe>

note que definimos uma id ( iframe ).

supondo que nosso arquivo a ser carregado pelo iframe seja ( arquivo.html ), devemos ter uma configuração nele para que nosso iframe molde-o.

nosso arquivo deveria ser assim:
<html> <head> <title>...</title> </head> <body>   <div id="tamanho"> <table width="600" height="600" border="1"> <tr><td> TODO SEU CONTEÚDO AQUI </td></tr> </table> </div>


<script language="JavaScript" type="text/javascript"> parent.document.getElementById("iframe").height = document.getElementById("tamanho").scrollHeight + 5; parent.document.getElementById("iframe").width = document.getElementById("tamanho").scrollWidth + 5; </script>


note que seu código ( do arquivo a ser carregado no iframe ) deve estar todo entre o div ( id=tamanho ), isso para que possa ser pego o tamanho e passado para o iframe.
O ( + 5 ) são 5px acrescentados a altura do iframe, você pode aumentar se desejar.
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado