Ir para conteúdo

POWERED BY:

Arquivado

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

Glauco Ribeiro

[Resolvido] div adaptavel.

Por , em Javascript

Recommended Posts

Glauco Ribeiro    0

Glauco Ribeiro
Postado

Boa tarde. Estou fazendo um site que ao click ele chama um div que tem seu tamanho apartir de um calculo feito pelo height()(pega o corpo e subtrair do top) do jquery, esta div nao pode ser height:100% porq ao utilizar o .show("slow") do jquery o efeito nao é perfeito.

 

gostaria que alguem me ajudasse com uma function(){} que fosse executada no onresize="" do body, para modificar o tamanho da div automaticamente.

 

Grato des de já!

:thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Glauco Ribeiro    0

Glauco Ribeiro
Postado

acabei de ter uma ideia mas nao esta funcionando.

eu posso nessa funcao do onriseze="" colocar animate() do jquery.

Fiz assim e funcionou

function alturaTela(){
$("#showertop").animate({
   opacity: 0.4
 }, 1500 );

}

 

mas eu gostaria que fosse algo assim(desta forma esta dando erro):

function alturaTela(){
var hshowertop = ($('#container').height()+6) - ($('#top').height());
$("#showertop").animate({
   height:hshowertop
 }, 1500 );

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

qual erro está dando ?

 

aparece algo no console ? (Ctrl+Shif+J)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Glauco Ribeiro    0

Glauco Ribeiro
Postado

Consegui fazer na madruga.

function alturaTela(){ // funcao que detecta a alteracao do tamanho da tela, é executada no onresize="" do body.
	var hshowertop = ($('#container').height()-30) - ($('#top').height());
	var hshower = ($('#container').height()-10) - ($('#top').height());
               $("#showermenu").animate({"height": hshowertop+"px"}, "fast");
	$("#shower iframe").animate({"height": hshower+"px"}, "fast");
	$("#shower").animate({"height": hshower+"px"}, "fast");		
}

 

Body:

<Body onresize="alturaTela();">

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito