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

Question

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

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

Answer 1

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

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

Answer 2

JQuery было бы неплохо. А с плагинами Jquery UI (такими как draggable ), это просто .. (здесь демо ).

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

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

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

Answer 3

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

Answer 4

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

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

Answer 5

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

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