Андрей в рубрику JavaScript

Вопрос: Как сделать автообновление страницы, только при условии изменения размера области отображения браузера.

Для более управляемой резиновой верстки сайта (например, чтобы блок был точно по середине, но с отступом по 20 пикселей слева и справа.) использовал код для расчета кроссбраузной ширины и высоты браузера:

function windowWorkSize(){
var = wwSize new Array();
if (window.innerHeight !== undefined) wwSize= [window.innerWidth,window.innerHeight] // для основных браузеров
else
{ // для "особо одарённых" (ИЕ6-8)
wwSizeIE = (document.body.clientWidth) ? document.body : document.documentElement;
wwSize= [wwSizeIE.clientWidth, wwSizeIE.clientHeight];
};
return wwSize;
};

И потом оперируя данными архива wwSize рассчитывал нужные данные.

При первичной загрузке страницы скрипт все исправно рассчитывает, другой подтягивает блоки сайта на нужную ширину и длину. Только если после загрузки сайта изменить размер браузера, естественно он не рассчитывает заново размеры относительно новой ширины и высоты.
Суть вопроса в том, как сделать так, чтобы при изменении пользователем размера браузера скрипт автоматически обновлялся? Может есть функция такая же, как в ActionScript 3.0 действует updateAfterEvent()

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 1

d1mmmk
jQuery API функция .resize():



$(document).ready(function(){
var width, height;

$(window).resize(function() {
  width = $(window).width();
  height = $(window).height();
});

})



правда "особо одаренные" и особенно 6й, если много через js просчитывается медленно работают.

вот только из постановки вопроса "например, чтобы блок был точно по середине, но с отступом по 20 пикселей слева и справа." я не совсем понял для чего вообще js, ведь можно по центру разместить с помощью css

div.selector {
margin:0 auto;
width:100px;
}

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler