Библиотека JavaScript для создания окна в стиле div на странице

Question

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

Мне бы не хотелось беспокоиться о позиционировании экрана (т.е. не нужно рассчитывать размер окна вне экрана и т. Д.), А просто создать новое всплывающее окно с содержимым в нем. .

Я буду использовать .NET 3.5 ASP.NET (может быть, MVC, еще не запущен), я знаю, что JQuery имеет отличную поддержку, но, как я видел, у него нет такого типа виджетов.

Пожалуйста, обратите внимание, я не хочу использовать «рамки» в любом случае, форме или форме! А точнее подход с плавающим стилем div (или похожий).

Спасибо, куча! Mark

Answer 1

Плавающие контейнеры, панели и диалоги:

Для диалоговых окон и окон, возможно, модуль YUI будет хорошим решением .

Модальные коробки

Если вы не являетесь программистом javascript , и вас интересует более сложное модальное окно, существуют плагины jQuery , предлагающие модальный эффект лайтбокса .

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

Sidenote: Если вы достаточно хорошо разбираетесь в javascript или хотите стать таковым, помните, что вы всегда можете написать свой . Люди в мире javascript часто обращаются прямо к библиотекам. Библиотеки являются важной частью современного ландшафта javascript, но иногда они становятся опорой для разработчиков. Написание нескольких частей интерфейса - отличный способ погрузиться в разработку интерфейса.

Answer 2

Вы смотрели на виджет Dialog для JQuery?

http://docs.jquery.com/UI/Dialog

Демо внизу. Не беспокойтесь о некрасивых (ИМХО) цветах, их можно легко стилизовать.

Answer 3

Я использовал один iBox , и он хорошо работал.

Если вы уже используете jQuery, вы можете проверить эти две опции .

Answer 4

Проверка Control.Window основано на прототипе.

Answer 5

Спасибо за помощь, я только что посмотрел на лайтбокс, и, хотя он был очень хорош, я надеялся на библиотеку, не блокирующую страницы, но все они (на первый взгляд) затенены остальная часть страницы, я надеялся на меньшее из этого, и больше просто на встроенное окно, основанное на контенте, которое не блокирует остальную часть страницы.