Como pegar altura de uma página e colocar em outra? [JavaScript]

1. Como pegar altura de uma página e colocar em outra?

Enviado em 10/08/2012 - 20:39h

Olá pessoal,
no site tenho um iframe, gostaria de fazer uma função para ler a altura da página que vai jogar nesse iframe e setar a altura do iframe com este valor, pra não precisar de barra-de-rolagem no iframe.

no meu site o html é gerado por um CGI, e as páginas do Iframe também são geradas por outro CGI, mas não consegui fazer nada em Shell Script que resolva este caso.

Grato.

2. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 11/08/2012 - 00:08h

vc quer usar javascript pra resolver? Postou na categoria javascript....

Com javascript da pra fazer, assim que a página for carregada no navegador faria com jquery um...

var H = $('body').height();
$('id_do_iframe').height(H);

3. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 11/08/2012 - 09:25h

rai3mb escreveu:

vc quer usar javascript pra resolver? Postou na categoria javascript....

Com javascript da pra fazer, assim que a página for carregada no navegador faria com jquery um...

var H = $('body').height();
$('id_do_iframe').height(H);

Olá rai3mb, sim pensei em fazer com Javascript mesmo.

o iframe está no index do meu site assim:

<iframe src="$FORM_main" width="640" height="650" frameborder=0 name="main" id="mainframe">
</iframe>

então precisava que o javascript "lesse" a altura do $FORM_main e gravasse numa variável, pra usar no "height" do iframe.

mas como vou passar o valor desta variável para a propriedade height?

grato!

4. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 11/08/2012 - 11:26h

DO jeito que passei:



var H = $('body').height(); // pega altura de um elemento no caso o body

$('#id_do_iframe').height(H); // seta a altura de um elemento, no caso um emento com id=id_do_frame

5. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 11/08/2012 - 12:29h

eu sou verde meio verde em javascript e totalmente com Jquery
mas eu já entendi +- a lógica, fiz um teste aqui assim:
<html><head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<iframe src="blank.html" width="386" id="frame"></iframe>
<script type="text/javascript">
var H = $('body').height(); // pega altura de um elemento no caso o body
$('#frame').height(H); // seta a altura de um elemento, no caso um emento com id=id_do_frame
document.write('A altura é ', H);
</script>
</body>
</html>

Beleza setou o a altura do iframe como a altura da Body
Só esta parte que não entendi bem, devo criar a variável "var H..." em cada página que vai ser carregada dentro desta frame e depois na index que tem este iframe eu coloco:
$('#frame').height(H);

Seria +- isso?

Obrigado!

6. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 11/08/2012 - 12:41h

Seu id do iframe é 'frame' mesmo?, no seu código tava 'mainframe'...

Sobre a altura, basta fazer setar no javascript mesmo, ele vai setar a altura do iframe, não precisa mexer na página index do iframe.

7. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 11/08/2012 - 12:57h

rai3mb escreveu:

Seu id do iframe é 'frame' mesmo?, no seu código tava 'mainframe'...

Sobre a altura, basta fazer setar no javascript mesmo, ele vai setar a altura do iframe, não precisa mexer na página index do iframe.

então o ID ai foi outro pois criei um html do zero pra testar.

não consegui fazer, por exemplo este é meu index.html:
<html><head><script type="text/javascript" src="jquery.js"></script></head>
<body>
<iframe src="blank.html" width="386" id="frame"></iframe>
<script type="text/javascript">
$('#frame').height(H);
</script>
</body>
</html>

E o blank.html:
<html><head><script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var H = $('body').height(); // pega altura de um elemento no caso o body
</script>
</head>
<body>
<p>asdas</p>
<p>dasdas</p>
</body>
</html>

Mas ele dá erro "objeto esperado"

8. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 14/08/2012 - 15:19h

rai3mb ainda não consegui cara podia me dar uma luz no que estou fazendo errado?

O problema é que preciso pegar a altura da body de uma página HTML pra setar em outra página HTML

9. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 14/08/2012 - 17:42h

Quando chegar em casa, por volta das 21:00, faço uma simulação, acho que da pra fazer sim....

10. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 15/08/2012 - 23:57h

Testado, segue o óðigo:

Página que recebe o iframe:



<html>

	<head>

		<script type="text/javascript" src="../_js/jquery-1.7.2.min.js"></script>

		<script type="text/javascript">

			$(document).ready(function(){

				var H = $(window).height(); // pega altura de um elemento no caso o window

				$('#frame').height(H - 100); // configura a altura do frame

			});

		</script>

	</head>

<body>

	<iframe src="blank.html" id="frame"></iframe>

</body>

</html>

* o código da página blank.html não precisa ser alterado, ele não precisa ter nenhum javascript, caso não deseje...

Teste online ;-): http://portela.no-ip.org/testevol/

11. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 16/08/2012 - 10:11h

rai3mb escreveu:

Testado, segue o óðigo:

Página que recebe o iframe:



<html>

	<head>

		<script type="text/javascript" src="../_js/jquery-1.7.2.min.js"></script>

		<script type="text/javascript">

			$(document).ready(function(){

				var H = $(window).height(); // pega altura de um elemento no caso o window

				$('#frame').height(H - 100); // configura a altura do frame

			});

		</script>

	</head>

<body>

	<iframe src="blank.html" id="frame"></iframe>

</body>

</html>

* o código da página blank.html não precisa ser alterado, ele não precisa ter nenhum javascript, caso não deseje...

Teste online ;-): http://portela.no-ip.org/testevol/

cara acho que não deu certo não

pega o blank.html e escreva mais uma meia dúzia de linhas nele, então atualize o index. O iframe continua com o mesmo tamanho e com a barra de rolagem, e se o blank for menor o Iframe também não diminui o tamanho =/

12. Re: Como pegar altura de uma página e colocar em outra?

Enviado em 16/08/2012 - 10:18h

Funcionou sim, lembrando que é javascript, se mudou o blank.html tem que atualizar a página e sobre ele ficar pequeno e o tamanho não mudar isso foi vc quem pediu, pediu pra ele ficar com o tamanho da página..... foi o que fiz....

Como pegar altura de uma página e colocar em outra?

Responder tópico