Менять размер div-блока
 

Обращаюсь к знатокам javascript - как реализовать возможность изменения размеров элемента (div-блока). Я не прошу мне скрипт писать - просто попытайтесь теоретически мне об этом рассказать как-нибудь )
[ P.S. JQuery юзать НЕ ХОЧУ - хочу на нативном javascript'е ].

style.width|height

Не не не ! Сори я неточно указал суть проблемы. Я имею ввиду как это провернуть динамически. Аналогия с окном браузера - мы можем изменять его размеры как вздумается - так каким образом это можно провернуть с div'ом. [ Ну вычислять какой будет размер дива можно прибавляя\ убавляя количество пикселов, пройденных указателем мышки с момента события на диве 'onmousedown' ]. А как вот дальше действовать - туман )

уже ответили тебе

Урра разобрался - все заработало - СПАСИБО БОЛЬШОЕ !!! :dance:

Ну изменять размер получилось, но не все так просто - как его зафиксировать ?)
Т.е. при событии 'onmouseup' div должен зафиксировать текущий размер - как это сделать подскажите.
П.С. я знаю что этот код мало где будет работать и работает не так, как надо - это не важно, мне общий принцип его работы нужен !

window.onload = function() {
var div = document.getElementById("resizable");
// Получаем div нужный нам
var width = div.offsetWidth;
var height = div.offsetHeight;
// Ширина и высота div'a

document.onmousedown = function() {
// При нажатии кнопки . . .

pos = event.pageX;
// Получаем позицию (в px) курсора относительно документа

document.onmousemove = function(event) {
// При движении . . .

res = width + event.pageX-pos;
// 'rez' = ширина div'a + кол-во пикселов смещения
div.style.width = res+"px";

}

}



} // end

поставить флаг при маус даун и при апе убирать его. в муве проверка если есть флаг -изменять размер

СПАСИБО СПАСИБО ОГРОМНОЕ !! IT WORKS !! ОЧ БЛАГОДАРЕН ЗА ПОМОЩЬ !!!