Iframe Com Altura Relativa, Tem Como?

leandro | msk · Junho 2, 2004

Olá Amigos,

Por exemplo, tenho uma página, e quero colocar um iframe de largura X e altura relativa, imagine q o conteudo do iframe possa variar, por isso quero que o tamanho não seja fixo, quero que esse tamanho mude conforme eu vou adicionando o conteudo...Teria como fazer algo como a altura relativa que mudasse conforme a página importada pra dentro do iframe cresceçe ou diminuisse?

Agradeço desde já!

[]s

Fabi SP · Junho 2, 2004

Requer bastante código, mas acho que dá pra fazer em JavaScript...

leandro | msk · Junho 3, 2004

hehehe, está minha dúvida está dificil de ser resolvida!!!

Já perguntei em outros fóruns e não obtive sucesso!

Fabi SP · Junho 4, 2004

Teste este código:

<html>
<head>
<title>Teste</title>

<script type="text/javascript" language="javascript">
	function teste() {
  var tamanhoTexto = document.body.scrollHeight;
  
  divTeste.style.height = tamanhoTexto;
	}
</script>

</head>
<body>
	<div name="divTeste" id="divTeste" style="background-color:#ffff00;height:100px;overflow:hidden;">
  <p>Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla Blablabla Blablabla 
  Blablabla Blablabla Blablabla </p>
	</div>

	<input type="button" name="btnOK" id="btnOK" value="OK!" onClick="javascript:teste();" />
</body>
</html>

Você pode adaptá-lo para redimensionar o seu iframe, OK?

[]'s,

Entrar

Iframe Com Altura Relativa, Tem Como?

Pergunta

leandro | msk

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

Fabi SP

Link para o comentário

Compartilhar em outros sites

leandro | msk

Link para o comentário

Compartilhar em outros sites

Fabi SP

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades