Ну изменять размер получилось, но не все так просто - как его зафиксировать ?)
Т.е. при событии '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
Последний раз редактировалось Maxim_Never, 08.11.2012 в 18:32.
|