Как сделать всплывающее окно с публикацией данных?

Question

Я хотел бы сделать всплывающее окно, но когда я всплываю в окне, я хотел бы опубликовать некоторую информацию, как я могу это сделать?Спасибо.

Answer 1

Вы можете открыть всплывающее окно в обработчике .submit формы и установить для формы цель всплывающее окно.

$("#myForm").submit(function(e) {
    window.open('', 'popupform', 'width=400,height=400,resizeable,scrollbars');

    // target the form to the newly opened popup
    this.target = "popupform";
});

Демо.

Answer 2

Если вы хотите сделать это через форму, вы можете использовать сценарий Form2Pop Питера Бэйли .

Добавить этот javascript на свою страницу

<script type="text/javascript">

/*
Form2Pop Script- By Peter Bailey (http://www.peterbailey.net)
Featured on JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
*/

function createTarget(t){
window.open("", t, "width=600,height=550");
return true;
}

</script>

И затем, когда вы создаете свою форму

<form action="/someurl" onsubmit="return createWebChat(this.target)" target="popupWindow">

, она отправит вашу форму в / someurl и откроет результат в новом окне.Затем вы можете настроить всплывающее окно по своему вкусу, отредактировав window.open ().

Answer 3

просто

window.open("yoururl.php", "_blank", "width=400,height=500");

и там, в новом окне, используйте

$(function(){
    $.post('some_post_script.php', {data:'here'}, function(){
       alert('post sent');
    });
});