Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Растягивать блок мышкой? (https://javascript.ru/forum/dom-window/39989-rastyagivat-blok-myshkojj.html)

OllBishop 20.07.2013 01:26

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

Пример изображения прилагаю. Заранее спасибо!


danik.js 20.07.2013 01:55

Навешиваешь на узлы обработчики mousedown. По этому событию, в зависимости от нажатого узла определяешь направления, в которых можно изменять размеры, навешиваешь обработчик mousemove на document, в котором (обработчике) и производишь изменение размеров блока, навешиваешь обработчик mouseup на document, в котором (обработчике) останавливаешь процесс и снимаешь обработчики mousemove и mouseup

OllBishop 20.07.2013 13:25

Спасибо большое! А как для нуба можно какое то подобие кода?

Kvark 22.07.2013 19:27

может для начала http://jqueryui.com/resizable/ внесет ясности? :)

ksa 23.07.2013 09:31

Цитата:

Сообщение от OllBishop
А как для нуба можно какое то подобие кода?

Все есть тут.
http://javascript.ru/blog/Andrej-Par...cii-JavaScript


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