Как создать всплывающее окно JavaScript с возможностью перетаскивания и изменения размера?
Я хочу создать перетаскиваемое окно с изменяемым размером в JavaScript для использования в разных браузерах, но я хочу по возможности избегать использования фреймворка.
У кого-нибудь есть ссылка или какой-то код, который я могу использовать?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
Полное избегание фреймворка оставит вас с большим количеством кода и кучей утомительного тестирования браузера.
Если вы рассматриваете фреймворк, я бы предложил jQuery с плагином jqDnR. Я думаю, это решит вашу проблему или, возможно, вы могли бы объединить функциональность jQuery перетаскиваемые объекты с изменение размера jQuery
Иногда вы не можете выбрать свою среду или архитектуру, поэтому вы застреваете в ограничениях, таких как невозможность использовать фреймворки ...
JQuery было бы хорошим способом пойти. А с плагинами Пользовательский интерфейс JQuery (такими как перетаскиваемый) все просто .. (здесь есть демонстрация).
Не использовать фреймворк, чтобы он оставался «чистым», мне кажется пустой тратой времени. Есть хорошие вещи, которые сэкономят вам огромное количество времени, которое лучше потратить на то, чтобы сделать ваше приложение еще лучше.
Но вы всегда можете проверить источник, чтобы получить «вдохновение», и адаптировать его без дополнительных затрат на то, что вы не будете использовать. Это хорошо сделано и легко читается, и вы часто обнаруживаете кроссбраузерные хаки, о которых даже не задумывались.
edit: о, если у вас ДЕЙСТВИТЕЛЬНО нет фреймворка КОГДА-ЛИБО, просто проверьте их исходный код ... убедитесь, что вы можете использовать некоторые из них для своего приложения.
Просто пытаюсь избежать больших загрузок фреймворка клиенту из-за одной очень маленькой вещи, возможно, я веду себя глупо.
Я посмотрел на jQuery, но также на ExtJS, документация и внешний вид пользовательского интерфейса кажутся намного лучше и профессиональнее в ExtJS ... есть ли конкретные причины, по которым вы, ребята, рекомендуете jQuery?
Вы можете пропустить фреймворки, но тогда вы должны будете сами написать код, определить, использует ли пользователь IE6, предоставить синхронизирующую прокладку iframe и т. д. И т. Д. Есть много примеров, но убедитесь, что вы получили тот, который обрабатывает списки выбора IE6.
JQuery больше ориентирован на множество полезных служебных функций и значительно упрощает манипуляции с DOM. В принципе, я считаю, что это Javascript, каким он и должен был быть. Это чрезвычайно полезное дополнение к самому языку Javascript.
ExtJS - это набор компонентов графического интерфейса с определенными API ... Используйте его, если вы хотите легко создавать компоненты, которые выглядят так, в противном случае используйте более гибкую структуру.
Также существует jqueryui.com, который позволяет делать элементы DOM перетаскиваемыми или отбрасываемыми.
Почему вы не хотите использовать фреймворк? Они сэкономят вам много работы. codinghorror.com/blog/archives/001163.html Edit: отказ от фреймворка - это вариант, но, честно говоря, чтобы получить хорошую реализацию, совместимую с кроссбраузерностью, вам, вероятно, придется потратить как минимум день или два и в конечном итоге написать несколько страниц кода , все это уже сделано за вас простым вызовом фреймворка.