1

次のコードを使用して div 要素を出力しています -

                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                    <title>Untitled Page</title>

                    <script language="javascript" type="text/javascript">
                        function printDiv(divID) {
                            //Get the HTML of div
                            var divElements = document.getElementById(divID).innerHTML;
                            //Get the HTML of whole page
                            var oldPage = document.body.innerHTML;

                            //Reset the page's HTML with div's HTML only
                            document.body.innerHTML = 
                              "<html><head><title></title></head><body>" + 
                              divElements + "</body>";

                            //Print Page
                            window.print();

                            //Restore orignal HTML
                            document.body.innerHTML = oldPage;


                        }
                    </script>

                </head>
                <body>
                    <form id="form1" runat="server">
                    <div id="printablediv" style="width: 100%; background-color: Blue; height: 200px">
                        Print me I am in 1st Div
                    </div>
                    <div id="donotprintdiv" style="width: 100%; background-color: Gray; height: 200px">
                        I am not going to print
                    </div>
                    <input type="button" value="Print 1st Div" onclick="javascript:printDiv('printablediv')" />
                    </form>
                </body>`enter code here`
                </html>

私はjqueryポップアップボックスでこのコードを使用しています。ファイルがxpsファイルにエクスポートされるInternet Explorerを除くすべてのブラウザーで印刷がうまくいくようです。この印刷ファイルには、ポップアップウィンドウのコンテンツだけでなく、ページのコンテンツも含まれていますポップアップの内容に重なります。この問題を解決する方法を知っている人はいますか?

4

0 に答える 0