フォームをクリックしてポップアップを開いた後、ダウンロードを送信して閉じます！どうやって？

Question

ここは私がやろうとしているものです。

1. ダウンロードリンクをクリックしてください。
2. クリックするとポップアップが開きます。連絡先フォームがポップアップにあります。
3. 送信ボタンでメールを送信し、PDFファイルの自動ダウンロードを開始します。
4. ダウンロードの開始と同時に、ページにリダイレクトせずにポップアップを閉じる。

私はポップアップとして、このコードが、ブラウザ・ブロック、それを使用してダウンロードリンクを開くことができる午前.click()window.open()

$('#theForm').submit(function(){ 

      event.preventDefault(); 

      var $form = $(this), 

      url = $form.attr('action'); 

      var posting = $.post(url, { name: $('#name').val(), name2: $('#name2').val() }); 

      /* Alerts the results */ 

      posting.done(function(data) { 

       $(".modal-backdrop.fade.in").css("display", "none"); 

       document.getElementById("anchorID").click(); 

       $("#pdfdownload").css("display", "none"); 


      }); 

}); 

を使用してみました。解決策を見つけるのを手伝ってください。

は、彼らは一般的に迷惑や悪質な広告が採用しているため

Answer 1

ブラウザは、ポップアップウィンドウをブロックありがとうございました。

modal windowは、基本的にポップアップと同じですが、別のブラウザウィンドウではなく、単にページ内の他のコンテンツの上にある別の要素です。ブートストラップモーダル

Answer 2

用途：

<script> 
function send(){ 
var name = $("input#name").val(); 
var email = $("input#email").val(); 
$.ajax({ 
     type: "POST", 
     url: "send.php", //your mailing code is place on send.php 
     data:'name='+ name'&email='+email, 
     success: function(data){ 
     $('#download').modal('hide'); 
     window.location.href='uploads/yourpdf.pdf'; //your file location   
      }); 
     } 
} 
</script> 

htmlコード

<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#download">Download</a> 

<!-- modal for download and contact --> 
<div class="modal fade" id="download" role="dialog" > 
<div class="modal-dialog" > 
<div class="modal-content"> 
<!-- Your contact form goes here ---> 
<form method="post"> 
<input type="text" id="name" placeholder="name"> 
<input type="text" id="email" placeholder="email"> 
<button onclick="send();">send</button> 
</form> 
</div></div></div>