Javascript彈出框

Question

我目前正在開發一個php電子郵件系統。我創建了一個可以添加用戶（郵件地址）的JavaScript彈出頁面。現在，我想從javascript彈出窗口中將所選用戶（的）發佈到打開網站，當然我會在彈出窗口中看到要發佈的頁面。

現在我想現在，如果有點擊提交比關閉彈出並允許數據打開網頁白衣帖子？

我該怎麼做？

Answer 1

你可能想看看到覆蓋插件在jquery tools。大多數時候瀏覽器都會阻止彈出式窗口。而且，覆蓋層是更優雅的解決方案。此外，您可以像在網頁上正常做的那樣發佈表單，還需要額外的js！

---編輯;當更仔細地閱讀你的問題時;你甚至不需要發佈頁面！只需將一個點擊事件分配給提交按鈕（不一定需要是提交按鈕）。在你的事件函數中，你可以讀出填入的地址（或其他信息），將其粘貼到所需的字段（無論是表單字段還是普通的div）並再次關閉覆蓋。現在你甚至不需要刷新頁面！

Answer 2

您會希望使用AJAX異步發佈表單，以便用戶不必等待它來處理或查看處理頁面。 jQuery使得使用AJAX as shown here非常容易。

此外，工作在彈出的窗口完成後，您可以訪問和使用window.opener函數刷新父窗口：

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

Answer 3

<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> 

OnClick的href鏈接或按鈕，你將發送data-php-var到jQuery函數。這個函數將把值發送到彈出窗口中。在彈出窗口中是一個具有相同名稱的文本字段，jQuery函數將您的值放入de字段中。