HTML - Как я могу использовать всплывающее окно для ввода и вывода значения?

Question

Я вижу, что этот шаблон используется очень часто!

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

---

Есть идеи, как это работает?

Редактировать:

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

Answer 1

Хотите что-то подобное?

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

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

Вы можете проверить форму с помощью js / jquery, а затем выполнить вызов ajax иразместить данные на сервере

Answer 2

Единственный способ сделать это с помощью Javascript. Собственный администратор Django включает (довольно неуклюжий) пример: когда вы сохраняете всплывающее окно, он возвращает ответ, состоящий только из тега <script>, содержащего Javascript, который ссылается на блок в родительской форме. См. Например django.contrib.admin.options.ModelAdmin.response_add.

Answer 3

Вы можете использовать что-нибудь вроде facebox для создания всплывающего окна.Это запрашивает страницу на сервере (ваша форма).После отправки определите, что лицевая панель была закрыта (см. API), и отправьте новый ajax-запрос на сервер, который вернет необходимые данные для заполнения вашей страницы.