2008-08-27 6 views
3

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

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

+0

Почему вы не хотите использовать фреймворк? Они сэкономит вам много работы. http://www.codinghorror.com/blog/archives/001163.html. Редактирование. Не использование фреймворка - это вариант, но, честно говоря, чтобы получить хорошую реализацию, совместимую с кросс-браузером, вы, вероятно, будете иметь провести хотя бы день или два и в итоге написать несколько страниц кода, все из которых уже сделано для вас простым обращением к фреймворку. – levand 2008-08-27 17:53:58

ответ

2

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

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

+0

Существует также http://jqueryui.com/, который позволяет создавать элементы DOM для перетаскивания или удаления. – 2012-12-06 01:22:32

0

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

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

1

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

2

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

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

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

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

0

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

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

+0

Вы можете пропустить фреймворки, но тогда вы должны сами его закодировать, определить, использует ли пользователь IE6 и обеспечивать синхронизацию iframe sync'd и т. Д. И т. Д. Там есть много образцов, но убедитесь, что вы получаете один который обрабатывает списки выбора IE6. – scunliffe 2008-11-08 13:50:33

 Смежные вопросы

  • Нет связанных вопросов^_^