Ir para conteúdo

POWERED BY:

Arquivado

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

sley

Iframe Auto-Ajustável

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

sley    0

sley
Postado

E ae galera, beleza!?

 

Então, preciso fazer com que o conteúdo/página se ajuste automáticamente ao Iframe (altura) para que não dê barra de rolagem dentro do Iframe, apenas na página em geral.

 

Achei até alguns Scripts pela net, mas nenhum funcionou (pelo menos eu não consegui fazê-lo funcionar).

 

 

Alguém pode ajudar?

É meio que urgente...

 

Se não entenderem pode perguntar...

vlw!

Compartilhar este post

Link para o post
Compartilhar em outros sites

alebae    0

alebae
Postado

Nesse link, acabei vendo o código do usuário berkowitz, e funcionou para mim:

 

Na página que abriga o iframe:

<html>
<head>
<script language="JavaScript" type="text/javascript">
function tam() {
document.getElementById("page").height = page.document.getElementById("contLoja").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
}
</script>
</head>

<body onload="tam()">
<iframe id="page" src="loja.htm" width="500" height="400"></iframe>
</body>
</html>

Na página que será aberto dentro do iframe:

<html>
<head>
</head>
<body>
<div id="contLoja">
<script language="JavaScript">
for(i = 0; i < 101; i ++) {
	document.writeln(i + " + " + i + " = " + (i + i) + "<br><br>");
}
</script>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

sley    0

sley
Postado

Funcionou ai cara???

 

Pode hospedar em algum host free pra eu poder ver?

 

Aqui não vai nem por reza brava!

pls!

Compartilhar este post

Link para o post
Compartilhar em outros sites

alebae    0

alebae
Postado

Olá, testei outro código, pois o outro somente funcionava no IE. Esse abaixo, funciona no IE e Firefox!

 

Página que estará dentro do iframe, lembrando que todo o conteúdo deve estar entre <div id="tamanho> e </div>

<body>
<div id="tamanho">
<table width="600" height="600" border="1">
<tr>
<td>
TODO O CONTEÚDO AQUI

</td>
</tr>
</table>
</div>
<script>
parent.document.getElementById("iframe").height = document.getElementById("tamanho").scrollHeight + 5;
parent.document.getElementById("iframe").width = document.getElementById("tamanho").scrollHeight + 5;
</script>
</body>

Página que possui o iframe

<body>
<iframe id="iframe" src="teste_iframe2.htm" width="" height="" marginheight="0" marginwidth="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
</body>

Créditos: web - Códigos na Web

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito