Javascript всплывающее окно

Question

В настоящее время я работаю над системой электронной почты php.Я создал всплывающую страницу javascript, где я могу добавлять пользователей (почтовые адреса).Теперь я хочу опубликовать выбранных пользователей из всплывающего окна javascript, чтобы открыть веб-сайт. Конечно, я получаю страницу, которую вы хотите опубликовать, во всплывающем окне, чтобы увидеть.

Теперь я хочудо сих пор, если есть щелчок по кнопке «Отправить», а затем закрыть всплывающее окно и разрешить передачу данных на открытую веб-страницу с сообщением?

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

Answer 1

вы можете захотеть взглянуть на плагин наложения в jquery tools .В большинстве случаев всплывающие окна блокируются браузером.И, на мой взгляд, оверлей - более элегантное решение.Кроме того, вы можете просто опубликовать свою форму, как вы это обычно делаете на веб-странице, там нужно больше js!

--- edit;при чтении вашего вопроса более внимательно;Вам даже не нужно размещать страницу!Просто назначьте событие click для кнопки отправки (которая не обязательно должна быть кнопкой отправки).В вашей функции события вы можете считывать заполненные адреса (или другую информацию), вставлять их в нужные поля (будь то поле формы или просто обычный div) и снова закрывать оверлей.Теперь вам даже не нужно обновлять страницу!

Answer 2

    <script>
        $("a[href=#myModal]").click(function() {
            var str = $(this).attr("data-phpvar");
            var substr = str.split('||');

            $("[name=textinput1]").val(substr[0]);
            $("[name=textinput2]").val(substr[1]);
        });
    </script>

   <form>
        <table>
            <tr>
                <td>
                    <a href="#myModal" title="#" role="button" data-toggle="modal" data-phpvar="<?php echo $value['something'] . '||' . $value['something']);?>"></a>
                </td>
            </tr>
        </table>
    </form>

При нажатии ссылки или кнопки href вы отправите data-php-var в функцию jQuery. Эта функция отправит значения во всплывающее окно. Во всплывающем окне есть текстовое поле с тем же именем, и функция jQuery поместит ваши значения в поле de.

Answer 3

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

Кроме того, после завершения работы во всплывающем окне вы можете получить доступ и обновить родительское окно, используя функцию window.opener:

<script language="JavaScript">
    function refreshParent() {
      window.opener.location.href = window.opener.location.href;
      window.close();
    }
</script>