Как сделать чтобы HTML код обновлялся?

Question

[DestroyerZzz]

Сделал вот такой скрипт, который устанавливает отступы, в зависимости от размера ширины окна бразуера пользователя. Но проблема в том что отрабатывает он только при обновлении страницы. Т.е. если у меня ширина 1000px там подставится нужное значение, но если я начну уменьшать ширину до 500px допустим, то значение остается такое же как и при 1000px. Если обновить страницу то получаешь новые значения, основанные на 500px уже...Как сделать чтобы оно сразу менялось?

var width = document.documentElement.clientWidth;
    var cont = document.getElementById('contacts');
    cont.style.bottom = (width / 100) * 5 + "px";

Answer 1

[Константин]

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

На jQuery:
$( window ).resize(function() {
var width = document.documentElement.clientWidth;
var cont = document.getElementById('contacts');
cont.style.bottom = (width / 100) * 5 + "px";
});

Comments

[DestroyerZzz]

Спасибо)