Problemas con script de regulación de altura en Mode Project

Subaru · 8 Mar 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:

Insertar CODE, HTML o PHP:

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

Insertar CODE, HTML o 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 · 8 Mar 2013

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

Insertar CODE, HTML o 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 con script de regulación de altura en Mode Project

Subaru

ecoal95