1

jquery.print.jsプラグインを使用しています。

Javascript:

 function printDiv(k,z) {

            var newWin = window.open('', 'PrintWindow', 'width=800,height=530,top=10,left=100,scrollbars=1,resizable=yes,visible=false');           
            newWin.document.open();//opening a Window
            newWin.document.write('<html/><body">' + k.innerHTML + '</body></html>');            
            $(z).print();//displaying Print Dialog
            newWin.document.close();

        }

function PrintButtonClick(){
  var printContent1 = document.getElementById('divMail1');
  var printContent2 = document.getElementById('divMail2');
  printDiv(printContent1 ,printContent2);

}

HTML:

<div id="divMail1">
        <div>
            <img src="image1.jpg"/>
        </div>
     <div>
            <img src="image2.jpg"/>
        </div>


    <div id="divMail2">
        <div>
            <img src="image3.jpg"/>
        </div>
     <div>
            <img src="image4.jpg"/>
        </div>
    </div>
<input type="button" value="Print" onclick="printDiv()"/>

ここでは、divMail1 のウィンドウを開き、divMail2 を印刷しています。しかし、印刷ウィンドウをロードすると、window.open が最小化されます。両方のウィンドウを表示したい。

4

0 に答える 0