2017-08-11 8 views
0

私はこのページの2部目を取った場合にのみ、このページの3部のみを印刷し、元のページ(右上隅部に記載されているもの)を複製するサンプルhtmlページを持っています。とにかくJavascriptやJqueryを使ってこれを達成できるのでしょうか?javascriptを使用してページのオリジナル、複製、トリプルコピーを印刷するには?

function myFunction() { 
 
    window.print(); 
 
}
.original { 
 
float : right; 
 
margin-right : -0.1cm; 
 
}
<p>Click the button to print the current page.</p> 
 

 
<button onclick="myFunction()">Print this page</button> 
 

 
<div class="col-xs-4"></div> 
 
     <div class="col-xs-1 original"><font color="red"><strong>Original</strong></font></div> 
 
     
 
     
 

+1

私は多くて、あなたの 'myFunction'が何回呼び出されたのかを数えることができると思います。もちろん、何も実際に印刷されているわけではありません。ユーザーは単にダイアログをキャンセルすることができます。あるいは、代わりにダイアログにその番号を入力するだけで、一度に2ダースのコピーを印刷することもできます。通常のWebページのコンテキストで動作するJSを使用してこれを知る方法はありません。 – CBroe

+0

1つの「オリジナル」と2つの「コピー」をまとめて印刷することは可能ですが、JSを介してドキュメントコンテンツを複製する場合は、さらに2回追加します(重複idsなど、あなたが参照する必要があります)、そして、印刷スタイルシートを使用してページブレークが発生したようなものを制御する... – CBroe

答えて

0

私は一時的にプリント枚数のフラグを保持しているシンプルなソリューションを提供することを試みました。下記をご確認ください。

var v1=0; 
 
function myFunction() { 
 
    if (v1==0) { 
 
    window.print(); 
 
    } 
 
    else { 
 
    window.print(); 
 
    $('#s1').text('Duplicate'); 
 
    } 
 
    v1++; 
 
}
.original { 
 
float : right; 
 
margin-right : -0.1cm; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>Click the button to print the current page.</p> 
 

 
<button onclick="myFunction()">Print this page</button> 
 

 
<div class="col-xs-4"></div> 
 
     <div class="col-xs-1 original"><font color="red"><strong id="s1" >Original</strong></font></div>

これはあなたを助けることを願っています!

+0

あなたの返信をありがとう!あなたのコードを試しましたが、印刷ウィンドウでキャンセルを使用して再度印刷をクリックすると、重複として表示されます。元のコピーをプリントアウトした場合にのみオリジナルを複製するように変更することはできませんか? – coder12345

+0

悲しいことに、window.print()は値を返しません。したがって、ユーザーが[保存]または[キャンセル]をクリックしたかどうかを知る方法はありません。 – Amol

関連する問題