Spring MVC JQuery модальные коробки и iframe

Question

Я пытаюсь интегрировать Spring MVC + jquery + модал в приложение, где модал - это iframe.

Плагин jquery SimpleModal .

Экран довольно прост. Целевая страница - это рабочая страница, в которой есть 2 продукта, цены в которых основаны на почтовом индексе.

При загрузке страницы запускается следующее:

$(window).load(function(){
    var param = $.url().param('zipcode');
    alert("zipcode = " + param);
    if(null == param || param.length == 0)
    {
      $.modal('<iframe src="zip-code.html" height="240" width="380" scrolling="no">', {
        //overlayClose:false,
        //closeHTML:""
        //onClose: contact.close
        });
    }

  });

Отображается поле почтового индекса, и пользователь просто вводит почтовый индекс и выбирает Применить.

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

Теперь я создал простой контроллер как для целевой страницы, так и для модального окна с почтовым индексом. Модальный почтовый индекс использует тот же контроллер, что и целевая страница.

Происходит следующее: когда пользователь выбирает кнопку «Применить» и почтовый индекс действителен, вместо закрытия модального окна он перенаправляется на URL целевой страницы.

Я новичок в jQuery. У меня есть поиск в Интернете, чтобы узнать, используют ли другие Spring mvc с модальными окнами или всплывающими окнами, и мне не удалось выполнить этот поиск.

Answer 1

Вы должны разместить это на своей целевой странице:

<script>
    ...
    function closeModal(){
      //code to close your modal
    }
</script>

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

<script>
    window.parent.closeModal();
</script>

Последний скрипт вызывает публичную функцию closeModal на вашей целевой странице, поэтому он закрывает модальное окно.

Надеюсь, это поможет. Приветствия