Как мне создать всплывающее окно JavaScript с возможностью перетаскивания и изменения размера?

Question

Я хочу создать перетаскиваемое окно с возможностью изменения размера в JavaScript для кроссбраузерного использования, но я хочу попытаться избежать использования фреймворка, если смогу.

У кого-нибудь есть ссылка или какой-нибудь код, который я могу использовать?

Answer 1

jQuery больше ориентирован на множество полезных функций и значительно упрощает манипулирование DOM.По сути, я считаю, что это Javascript, каким он и должен был быть.Это чрезвычайно полезное дополнение к самому языку Javascript.

ExtJS - это набор компонентов графического интерфейса пользователя со специальными API...Используйте его, если вы хотите легко создавать компоненты, которые выглядят подобным образом, в противном случае используйте более гибкий фреймворк.

Answer 2

jQuery это был бы хороший способ уйти.И с помощью Пользовательский интерфейс Jquery плагины (такие как перетаскиваемый), это легкий ветерок..(там есть ДЕМОНСТРАЦИЯ здесь).

Не использовать фреймворк, чтобы сохранить его "чистым", мне кажется просто пустой тратой времени.Есть хорошие материалы, которые сэкономят вам огромное количество времени, которое лучше потратить на то, чтобы сделать ваше приложение еще лучше.

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

Редактировать:о, если вам ДЕЙСТВИТЕЛЬНО никогда не нужен никакой фреймворк, тогда просто проверьте их исходный код..конечно, вы можете использовать что-то из этого для своего приложения.

Answer 3

Иногда вы не можете выбрать свою среду или архитектуру, поэтому вы застряли, работая в рамках ограничений, таких как невозможность использовать фреймворки...

Answer 4

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

Если бы вы рассматривали фреймворк, я бы предложил jQuery с jqDnR плагин.Я думаю, это решит вашу проблему, или, возможно, вы могли бы объединить функциональность Перетаскиваемые файлы jQuery с помощью Изменяемые размеры jQuery

Answer 5

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

Я просмотрел jQuery, но также ExtJS, документация и "внешний вид" пользовательского интерфейса кажутся намного превосходными и профессиональными в ExtJS...есть ли особые причины, по которым вы, ребята, рекомендуете jQuery?