Как мне кодировать окно выбора GUI?

Question

Я хочу встроить в свое приложение способ выбора нескольких объектов на экране (это HTML-страница с кучей абсолютно позиционированных HTML-элементов).Знаете, например, когда вы щелкаете мышью вниз и перетаскиваете прозрачный / полупрозрачный блок, и все, что находится внутри этого блока, выделяется при отпускании мыши?

Я не знаю, как сделать это.Как бы ты?Или указатели на решения также приемлемы.

Answer 1

Рассмотрите возможность использования jQuery библиотеки javascript. Он имеет расширение jQuery UI , которое предоставляет абстракции для взаимодействия и анимации. Для перетаскивания капли у вас есть: Draggable

Answer 2

Вот что я бы сделал.

Mousedown создает прозрачное тело с большим z-индексом и красивой границей, размеры которой определяются с помощью перемещения мыши.При наведении мыши вы сравниваете область этого div с применимыми элементами.Это не было бы особенно трудно сделать без библиотеки, но YUI3 делает это довольно просто, взгляните на http://developer.yahoo.com/yui/3/api/Node.html#method_inRegion

HTH.