jQuery всплывающее окно?

Question

У меня есть форма, которая в настоящее время находится в разделе на странице php.

Я хотел бы это сделать следующее:

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

Что будет самым простым способом добиться этого?

В настоящее время у меня есть скрипты jQuery и jQuery Tools на рассматриваемом сайте.

EDIT: Я использую jquery-ui, поскольку это конфликтует с инструментами jQuery tools.

Answer 1

Вы должны взглянуть на эту документацию о JQuery UI Диалоги:

http://jqueryui.com/demos/dialog/

также посмотреть на Modal Forms (посмотрите меню навигации справа от страницы). В принципе, вы только настраиваете форму внутри диалогового окна. С благодарностью, что -Dialog показать на несколько секунд также легко с помощью jquery Dialogs и что-то вроде setTimeout, чтобы закрыть его.

Не забудьте включить библиотеки jQuery и jQuery UI в исходный код. Сначала ознакомьтесь с некоторыми учебниками jQuery, если вы не знаете jQuery.

Answer 2

Для подобной задачи я использовал JQuery UI Dialog

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