Показать сообщение отдельно
  #4 (permalink)  
Старый 22.10.2010, 15:25
Кандидат Javascript-наук
Отправить личное сообщение для Jurasmi Посмотреть профиль Найти все сообщения от Jurasmi
 
Регистрация: 25.11.2008
Сообщений: 115

<html>
<head>
<style type="text/css">
	div{
		background:#ccc;
		max-width:700px;
	}
</style>
</head>
<body>
<div id='test'>
	test test test test test test test test test test test 
	test test test test test test test test test test test 
	test test test test test test test test test test test 
</div>
<script type="text/javascript">
	var div = document.getElementById('test'),
		handler = (function(){
			//чтобы сильно не грузить браузер обработчик срабатывает с задержкой 500мс после ресайза окна
			var timer,
				delay = 500;
				
			return function(){
				if(timer){
					clearTimeout(timer);
				}
		
				timer = setTimeout(function() {
					if(div.offsetWidth != div.widthBefor){
						fix_page();  //ваша функция
					}
					div.widthBefor = div.offsetWidth;
				}, delay);
			};
		})();

		
	div.widthBefor = div.offsetWidth;  //запоминает исходную ширину блока
	window.onresize = handler;  //срабатывает при ресайзе окна браузера
</script>
</body>
</html>
Ответить с цитированием