メインウィンドウと一緒にポップアップウィンドウの内容を印刷する方法

Question

jQueryベースのWebアプリケーションの電卓を開発しています。その中に5つの内容のポップアップウィンドウが表示されます。しかし、最後にメインウィンドウの印刷ボタンをクリックすると、メインウィンドウの内容だけが印刷されます。しかし、私は、メインウィンドウと一緒にすべてのポップアップウィンドウの内容を印刷する必要があります。私はGoogleで検索しましたが、効果的な回答は得られませんでした。

<SCRIPT LANGUAGE="JavaScript"> 
    if (window.print) { 
     document.write('<form> ' + '<input type=button name=print value="Print" ' 
         + 'onClick="javascript:window.print();"></form>'); 
    } 
</script> 

Answer 1

あなたがwindow.print()を呼び出すときにjavascriptのポップアップ・ウィンドウが閉じているので、明らかに、彼らはこのように印刷されません。

は、ここに私の印刷機能です。

あなたは、印刷ボタンのonclickイベント用の関数を作成しなければならない可能性が高いため、さまざまな形で実行できます。

最も簡単なあなたはjQueryの.html()経由にコピーしてからwindow.print()を送信し、DIVを隠す前に、そのdivの上.show()を呼び出すことができ、文書の底に隠されたdiv要素内に5つのポップ・アップHTMLをコピーすることになります直後の。

印刷ボタンのOnClickイベントのための関数は可能性が何かのように：

function printpage() 
{ 
    $('#hiddendiv').html($('#popupContact_1').html() + '<br />' + $('#popupContact_2').html() + '<br />' + $('#popupContact_3').html() + '<br />' + $('#popupContact_4').html() + '<br />' + $('#popupContact_5').html()); 
    $('#hiddendiv').show(); 
    window.print(); 
    $('#hiddendiv').hide(); 
} 

id=hiddendivとstyle="display:none"と、文書の下部にあるdiv要素を作成するのを忘れ、プリントにprintpage()関数を呼び出すしないでくださいボタンのonclickイベントを使用してください。 =）

あなたはまた、単に$('.a').show()であなたのポップアップdivをのそれぞれについて、.show()を呼び出して、あなたのページの絶対位置でそれらを置くことができる - 以前よりも高いトップ値を追加する.eachでそれらを反復処理 - 呼び出す前に、 .print()。