Capturar o tamanho da div em tempo real

543 views
Skip to first unread message

Hugo Andrade

unread,
May 28, 2014, 8:32:02 AM5/28/14
to jque...@googlegroups.com
Bom dia,

Preciso capturar o tamanho da div em tempo real.
e aplicar em outra.

Caso ela mude de tamanho por redimencionamento a outra também muda.
Alguem pode me ajudar?

--

Hugo Andrade
hugoandrade.com.br
Tel Tim - (71) 9162-0043

Franklin Anderson de Oliveira Souza

unread,
May 28, 2014, 10:07:38 AM5/28/14
to jque...@googlegroups.com
Mas nem tentou nem nada ?! Nem um codigozinho de errado ?! Nem um jsfiddle ?!  :D


Segue abaixo codigo onde div redimesiona conforme o tamanho da janela do browser (window). Basta adapta-lo para qualquer outra tag, como a div que voce quer de referencia, bastando alterar a referencia 'window' para a div em questao, pois a outra div cuja classe é 'sua_div_do_tempo_real_aqui' copiará o tamanho e altura da div trocada no lugar do 'window'.  Espero ter ajudado !


======
function RedimesionaDiv() {

/* posiciona modal na pagina */
var largura = $(window).width();
var altura = $(window).height();
$('div[class=sua_div_do_tempo_real_aqui]').css({'width': largura, 'height': altura});

$(window).resize(function(){
var largura = $(window).width();
var altura = $(window).height();
$('div[class=sua_div_do_tempo_real_aqui]').css({'width': largura, 'height': altura});
});
}

RedimesionaDiv();
=========


--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo quot;jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.



--
foobar

Leonardo Rodrigues

unread,
May 28, 2014, 10:26:44 AM5/28/14
to jque...@googlegroups.com
se não me engano resize não é disparado com divs Franklin.
Leonardo Rodrigues da Silva
WebDeveloper

<blog>http://www.leo.voudeargohost.net/</blog>
<about>http://about.me/leo07vasp</about>
<linkedin>http://www.linkedin.com/profile/view?id=104259451</ linkedin >
<facebook>http://www.facebook.com/leo07vasp</ facebook >
<twitter>http://www.twitter.com/leo07vasp</ twitter>

Leonardo Rodrigues

unread,
May 28, 2014, 10:32:33 AM5/28/14
to jque...@googlegroups.com
Hugo fiz alguns testes, e talvez com DOMSubtreeModified funcione pra vc 
jQuery("#banner-category").bind('DOMSubtreeModified', function(e) {
console.log(jQuery(this).css("width"));
console.log(jQuery(this).css("height"));
});

Franklin Anderson de Oliveira Souza

unread,
May 28, 2014, 11:53:24 AM5/28/14
to jque...@googlegroups.com
Leonardo !

Tem razão, meu codigo nao serve usando como referencia uma tag, apenas com window mesmo !

Douglas Bezerra Possas

unread,
May 28, 2014, 11:54:28 AM5/28/14
to jque...@googlegroups.com
Douglas Bezerra Possas
Programador PHP - 

http://dpossas.neurs.net

Campo Grande  – MS – Brasil
Cel.: 67 9280 5866
Reply all
Reply to author
Forward
0 new messages