[Resolvido] jQuery... como descobrir tamanho exato de uma DIV

[Spyder.RV 0]

Tenho uma DIV que tem muito conteúdo, e preciso aplicar umas formatações dinamicamente e no momento que $(document).ready() for disparado. Para isso preciso saber o tamanho real que essa DIV vai ter após todos os elementos serem renderizados... o problema é que a DIV por não ter tamanho fixado, apresenta um height() zerado...

 

Existe algum método que retorne o tamanho exato de elementos que não foram setados via css?

[Dárcio Gomes 10]

tente usar o offsetHeight do próprio javascript eu utilizo várias aplicações com a mesma funcionalidade que você precisa e em todas utilizo essa função.

 

exemplo:

var newHeight = document.getElementById('id_da_div').offsetHeight;

 

o ideal é você dar um tempinho para que o navegador possa interpletar corretamente o tamanho exato da sua div.

 

exemplo:

setTimeout(function(){
 newHeight = document.getElementById('id_da_div').offsetHeight;
}, 500);

 

 

essa função retorna somente o valor em numero então você precisa concatenar o valor px do css.

 

exemplo:

document.getElementById('id_da_div').style.height=newHeight+"px";

 

ou pode usar no jQuery:

$('id_ou_class_div').animate({ height: newHeight+"px" }, 500);

 

 

espero que ajude... :thumbsup:

[Spyder.RV 0]

hum... bom dia.

 

Valeu pela dica!