Принятие ввода во всплывающем окне перед отправкой актуальной формы

Я разрабатываю приложение, используя Springs 2.0.

У меня есть требование, что когда пользователь нажимает кнопку "Отправить" в форме, должен отображаться всплеск, показывающий поле "выбрать" для выбора предопределенных причин и "Текстовое поле" для принятия комментария. (Эти параметры выпадающего списка выбираются из контекста, поэтому нельзя использовать статическую HTML-страницу.)

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

Моя проблема: если я использую "window.open", то данные родительской формы не переносятся в дочернее окно, поскольку они не "отправляются". Также нельзя отправить форму, так как она не будет отображать всплывающее окно.

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

Благодарю.

Источник

3 ответа

Решение

Решил это используя window.showModalDialog и обычный скрипт Java. Вот подробности.

Сначала я определил 2 скрытых поля на родительской странице. Когда всплывающее окно открывается и отправляется, значения, введенные в раскрывающемся и текстовом поле, присваиваются им.

var handle = window.showModalDialog(htmlURL,this,urlProp);

когда подано,

document.getElementById("hiddenRejectionComment").value = handle.rejectionComment;
document.getElementById("hiddenRejectionReason").value = handle.rejectionReason;

Просто, не так ли?

Источник

Вы можете использовать jQuery модальный. Вот аналогичный пример, который принимает входные данные в модальном http://jqueryui.com/demos/dialog/modal-form.html.

Источник

Используйте div в качестве всплывающего окна вместо нового окна. Или используйте JQuery. Пример, всплывающее сообщение при использовании

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

Если вы просто хотите что-то очень простое,

<div id="modal" style="border:3px solid black; background-color:#9999ff; padding:25px; font-size:150%; text-align:center; display:none;">
    This is a modal popup!<br><br>
    <input type="button" value="OK" onClick="Popup.hide('modal')">
</div>

<a href="#" onclick="Popup.showModal('modal');return false;">Show Modal Popup</a>
<br>
<a href="#" onclick="Popup.showModal('modal',null,null,{'screenColor':'#99ff99','screenOpacity':.6});return false;">Show Modal Popup With A Custom Screen</a>

http://www.javascripttoolbox.com/

Источник
Другие вопросы по тегам