Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Определить как происходит resize (https://javascript.ru/forum/events/16737-opredelit-kak-proiskhodit-resize.html)

W1nD 20.04.2011 00:06

Определить как происходит resize
 
Добрый вечер. Вот столнулся с небольшой проблемой
$(document).ready(function() {
$(window).bind('resize',function() {
    var w=$(this).width();
    $('.test').text(w);})});

Есть небольшой скрипт, который выводит изменение ширины окна. Так вот, я хочу узнать как происходит resize (тоесть пользователь увеличивает окно, или уменьшает). По логике вещей, наверное, нужно создать массив и проверять последнее значение ширины с предпоследним, но как это грамотна реализовать в javascript не знаю. Возможно кто-то сталкивался с подобной задачей и может подсказать как решить подобную проблему. Заранее спасибо

Matre 20.04.2011 05:35

var last = {
	x : $(window).width(),
	y : $(window).height()
};
$(window).resize(function () {
	var width = $(window).width(), height = $(window).height();
	alert(
		"по горизонтали: " + (width < last.x ? "уменьшили" : width === last.x ? "не изменили" : "увеличили") + "\n" +
		"по вертикали: " + (height < last.y ? "уменьшили" : height === last.y ? "не изменили" : "увеличили")
	);
	last = {
		x : width,
		y : height
	};
});


last.x, last.y — это размеры окна до последнего изменения.
Т.е. мы сравниваем текущие размеры с last.x, last.y и на основе этого выводим результат.

W1nD 20.04.2011 14:02

Спасибо большое:)


Часовой пояс GMT +3, время: 17:27.