Olá pessoal tudo bem ?
Gostaria por gentileza da contribuição de vocês para resolver o seguinte problema: Quero obter dinamicamente a altura de um Div e aplicar a outro, tipo, tenho um menu do lado esquerdo e um div do lado direito, queria igualar as alturas ; acontece que o div do lado direito não possui altura definida, ele vai ter a altura da página que vai abrir dentro dele com Includes php.Então eu teria que obter a altura do div no momento em que a página for aberta dentro dele e aplicar essa altura ao menu esquerdo, a DiV do lado direito vai ter um altura dinâmica que dependerá da página que abrir dentro dele.
Eu já tenho um script mas ele só iguala as altura se eu fornecer a altura a Div do lado direito, ou seja não funciona de forma dinâmica.
<script type="text/javascript">
jQuery(document).ready(function() {
var highestCol = Math.max(jQuery('#sidebar').height(),jQuery('#main').height()); // Pega altura da Div main
jQuery('#sidebar').height(highestCol); //Aplica altura da div main à div sidebar
});
</script>
Existe um plugin para JQuery que detecta qualquer mudanca num elemento HTML.
Aqui tem um blog post mostrando como usa-lo e com links para download.
Se vc quiser fazer isso na mao, eu fiz um exemplo que talvez sirva para voce. A ideia eh disparar um evento quando novo conteudo for adicionado ao div, ai vc adiciona um listener para esse evento, pega a a altura do div que foi modificado e aplica no outro div.
windsofhell. valeu Brother !!! Eu implementei o código que vc passou e funcionou blz, parece que vai resolver meu problema, eu necessito exatamente desse esquema. Como a Div conteúdo não terá altura definida eu tenho que capturar essa altura no momento em que a página for aberta, ou seja quando eu clicar no Link aciono o evento click que executa o JS , captura a altura do Div e aplica no outro Div, perfeito Brolther ,vou adaptar no meu código agora e testar.
Um grande abraço e obrigado pelas dicas.Show de bola rapaz .
windsofhell pôxa infelizmente não funcionou , o Script só funciona quando vc já tem o Div preenchido com o conteúdo, daí é só clicar no botão , que as alturas das Divs são igualadas, quando a div não tem conteúdo , e este vai ser carregado posteriormente com includes php ,não funciona.Mas de qualquer forma muito obrigado pelas dicas.Abraço brother.