Закрыть всплывающее окно jQuery (внешняя страница) - PullRequest
0 голосов
/ 06 апреля 2011

Настройка:

Всплывающая страница:

<html>
    <head>
        <title>popup page</title>
    </head>
    <body>
        <label for="txtArea">Comments:</label>
        <textarea id="txtArea" type="text" rows="5" cols="25">
        </textarea>
        <input type="submit" value="submit" />&nbsp;
            <input type="button" value="cancel" />
    </body>
</html>

Главная страница:

<html>
    <head>
        <title>popup page</title>
    </head>
    <body>
        <a href="#" id="lnkPopup">Post Comment</a>
    </body>
</html>

Проблема:

Я хочу открыть всплывающую страницупри нажатии на ссылку на главной странице.Это легко достижимо с помощью такого количества потрясающих плагинов jQuery, но проблема в том, что я хочу закрыть всплывающее окно, когда пользователь нажимает кнопку submit или cancel.Как мне этого добиться?Я видел примеры, где показан другой блок с той же страницы, и у нас есть IDs элементов в нем, но не внешняя страница.

1 Ответ

1 голос
/ 06 апреля 2011

Поскольку вы уже используете jQuery, вы можете открыть всплывающее окно в виде модального окна .

Один хороший плагин для этого сценария - Fancybox

Из модального окна вы можете легко закрыть окно, нажав кнопку отправки:

<script type="text/javascript" language="javascript">
  $(document).ready(function(){
    $("form#yourform").submit(function() {
       parent.$.fancybox.close();
     });});
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...