2016-08-24 8 views
0

私は以下のコードを持っています。「マップを印刷する」ボタンをクリックすると、ポップアップウィンドウに「保存」と「印刷」という2つのボタンが開きます。 「保存」ボタンをクリックすると、ファイルを保存するウィンドウが開きます。ウィンドウ機能で保存ボタンを直接使用することはできますか

「地図を印刷する」ボタンをクリックすると、保存ボタンをクリックした後のウィンドウが開きます。本当にここに保存ボタンを見ることができない - -

function PrintElem(elem) 
 
{ 
 
    Popup($(elem).html()); 
 
} 
 
function Popup(data) 
 
{ 
 
    var mywindow = window.open('', 'parent', 'height=400,width=600'); 
 
    mywindow.document.write('<html><head><title>my div</title>'); 
 
    /*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />'); 
 
    mywindow.document.write('</head><body >'); 
 
    mywindow.document.write(data); 
 
    mywindow.document.write('</body></html>'); 
 
    mywindow.document.close(); // necessary for IE >= 10 
 
    mywindow.focus(); // necessary for IE >= 10 
 
    mywindow.print(); 
 
    mywindow.close(); 
 
    return true; 
 
}
<script src="http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<script src="http://html2canvas.hertzen.com/build/html2canvas.js"></script> 
 
<body> 
 
    <section> 
 
     <div class="main_div"> 
 
      <div> 
 
       <div class="nav_div"> 
 
        <input type="button" value="Print Map" onclick="PrintElem('.parent')" /> 
 
       </div>   
 
      </div> 
 
      <div class="parent">  
 
        <h1>Hello All</h1> 
 
      </div> 
 
     </div> 
 
    </section> 
 
</body> 
 
     

+0

これまでに何を試みましたか?私がここに見る唯一のことは、コピー/貼り付けhttp://stackoverflow.com/a/2255438/5703316 –

+0

から私の質問を読んでください...コードはデモ用のjstです。私はボタンのクリックで来るプレビューウィンドウをしたくないしかし、PDFを保存したい – Roma

答えて

0

あなたは自分の保存ボタンをhtmlとしてダウンロードリンクを追加できませんでしたが、あなたはディレクトリを持っている、とあれば、それは常にあります同じファイル - このように保存ボタンをアンカーすることができます。

<a href="./directory/yourfile.pdf" download="newfilename">Save</a> 

これはあなたにもかかわらず、ことを放出し、PDFのサーバ名を使用することができます推奨名「newfilename」でファイルを保存します:

<a href="./directory/yourfile.pdf" download>Save</a> 

それはHTML5の機能であり、古いIEではサポートされていませんが、それは示唆である可能性があります。

あなたが探していることを解決することを願っていますが、私は誤解している可能性があります。

関連する問題