2010-05-05 2 views
1

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

Here является примером веб-сайта, который использует то, что я хочу реализовать.

+0

Рекомендую начать с jQueryUI Dialog, а затем * изменить его * по мере необходимости (после его создания, а не источника jQueryUI!) - в моем случае я удаляю большинство применяемых стилей и добавляю пользовательскую кнопку закрытия. Диалоговое окно jQueryUI * правильно обрабатывает фокус * и ESC, чего нет у многих других альтернатив. Лучшее изменение размера также может быть исправлено извне. Очень хорошо работает в IE8 +. – user2246674

ответ

5

Вы можете использовать диалоговое окно JQuery, на который ссылается в своем сообщении для этого.

Here является примером того, как создавать на нем элементы формы.

3

можно использовать jqueryUI dialog

+0

Последняя версия jQuery UI - 1.8.1 – DannyLane

+0

@ DannyLane: хорошая уловка, ссылка обновлена. – derek

1

Я использовал плагин Boxy раньше, это очень легкий (легче, чем JQueryUI, хотя и не так много функциональности).

Это очень простой в использовании, это был первый плагин, который я использовал при изучении jQuery.

+0

+1 Хорошая находка, определенно добавив это в мои закладки – Zack

1

http://jqueryui.com/dialog/#modal-form

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

+0

Вместо того, чтобы размещать ссылку на сайт jQuery, вы могли бы также предоставить код, необходимый для ответа на вопрос OP, а также объяснение того, как/почему оно работает? – aribeiro