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

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

Daniel P. L. Almeida
daniel.uramg

(usa 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?

Raimundo Alves Portela
rai3mb

(usa 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?

Daniel P. L. Almeida
daniel.uramg

(usa 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?

Raimundo Alves Portela
rai3mb

(usa 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?

Daniel P. L. Almeida
daniel.uramg

(usa 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?

Raimundo Alves Portela
rai3mb

(usa 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?

Daniel P. L. Almeida
daniel.uramg

(usa 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?

Daniel P. L. Almeida
daniel.uramg

(usa 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?

Raimundo Alves Portela
rai3mb

(usa 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?

Raimundo Alves Portela
rai3mb

(usa 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?

Daniel P. L. Almeida
daniel.uramg

(usa 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?

Raimundo Alves Portela
rai3mb

(usa 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....



01 02



Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts