jQuery iframe модальное закрытие при отправке формы - PullRequest
Новая
       3

jQuery iframe модальное закрытие при отправке формы

3 голосов
/ 12 января 2011

У меня есть диалоговое окно jQuery Modal с iframe, iframe включает форму. Когда пользователь отправляет форму, я хотел бы закрыть модальное диалоговое окно.

Как я могу это сделать?

jquery модальный скрипт на index.php: 

<script type="text/javascript">
function showRegDialog(url) {
    $(function() {
            var $this = $(this);
            var horizontalPadding = 30;
            var verticalPadding = 30;
            $('<iframe id="externalSite" scrolling="no" frameborder="0" class="externalSite" src="' + url + '" />').dialog({
                title: ($this.attr('title')) ? $this.attr('title') : 'Choose your location',
                autoOpen: true,
                width: 700,
                height: 700,
                modal: true,
                resizable: true,
                autoResize: true,
                overlay: {
                    opacity: 0.5,
                    background: "black"
                }

            }).width(700 - horizontalPadding).height(700 - verticalPadding);            

    });
}
</script>

ссылка на index.php для вызова showRegDialog модальный: 

<a href="javascript:showRegDialog('/register.php');">Register now</a>

Это содержимое register.php 

<html>
<body>
<form action="" method="POST">
<input type="text">
<input type="submit">
</form>
</body>
</html>

Ответы [ 2 ]

4 голосов
/ 12 января 2011

Вызовите функцию javascript в родительском окне следующим образом: 

parent.yourJsFunction();

поместите ее в "onsubmit" в вашей форме.

1 голос
/ 12 января 2011

Возможно, вы ищете close

Дайте вашей форме идентификатор. 

$("#formID").submit(function(){
    parent.closeModal();
});

// function for closing modal window (in parent page)
function closeModal() {
    $("#externalSite").dialog("close");
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...