Problemas com script de regulação de altura no Mode Project

Subaru · 08/03/2013

Buenas tardes a todos!,

Tengo una pequeña consulta esta vez que involucra un sitio que ya postee previamente:

Mode Project - Space Concept

dentro del mismo hay un script incluido:

Inserir CODE, HTML ou PHP:

<script type="text/javascript" src="js/chapi.regulator.jquery.js"></script>

Inserir CODE, HTML ou PHP:

$(document).ready(function(){
	
	var screenHeight = $(window).height();
	
	$('.ajuste').each(function(){
		var padreHeight = $(this).parent().height();
		//Ese 70 es el alto de tu header
		var calculatedHeight = ((screenHeight - padreHeight) / 2 - 20);
		$(this).css('height', calculatedHeight + 'px');
	});
	
});

$(document).resize(function(){
	
	var screenHeight = $(window).height();
	
	$('.ajuste').each(function(){
		var padreHeight = $(this).parent().height();
		//Ese 70 es el alto de tu header
		var calculatedHeight = ((screenHeight - padreHeight) / 2 - 20);
		$(this).css('height', calculatedHeight + 'px');
	});
	
});

El mismo regula la altura de un div. Mi intencion es que esta altura se refresque continuamente sin la necesidad de actualizar la pagina, sin embargo, esto ultimo no esta funcionando. Es decir, que el script solo se ejecuta al iniciar la pagina.

Si alguien pudiera indicarme el error en el que estoy incurriendo me seria de gran ayuda,
Desde ya, muchisimas gracias!

ecoal95 · 08/03/2013

Eso es porque onresize es un evento de window, no de document. Tampoco hace falta repetir la función:

Inserir CODE, HTML ou PHP:

$(document).ready(function onresize(){
	
	var screenHeight = $(window).height();
	
	$('.ajuste').each(function(){
		var padreHeight = $(this).parent().height();
		//Ese 70 es el alto de tu header
		var calculatedHeight = ((screenHeight - padreHeight) / 2 - 20);
		$(this).css('height', calculatedHeight + 'px');
	});

	$(window).resize(onresize);
});

Problemas com script de regulação de altura no Mode Project

Subaru

ecoal95