0

Web ページで生徒のデータを収集する Web アプリケーションがあります。このaspxページには、「入学許可証の印刷」ボタンがあり、クリックすると入学許可証を印刷できます。カードの HTML レイアウトを動的に作成し、これを印刷したいと考えています。これはどのように達成できますか？

4

4 に答える 4

1

このコードはあなたを助けるかもしれません。

HTMLコード：

 <div id="printarea">

//content you want to print
</div>

<input id="btnprint" type="button" onclick="PrintDiv()" value="Print" /></center>

Javascript関数：

  <script type="text/javascript">

        function PrintDiv() {
            var divToPrint = document.getElementById('printarea');
            var popupWin = window.open('', '_blank', 'width=300,height=400,location=no,left=200px');
            popupWin.document.open();
            popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
            popupWin.document.close();
        }
     </script>
于 2012-11-27T06:09:38.050 に答える
1

最良のアイデアは、セッションに値を保持し、クリック イベントで新しいウィンドウを開くことです。
そして、ページの読み込み時に html を作成します。
そして window.load イベントで、次のように java-script print を呼び出します

body onload="window.print();"

印刷したくないコントロールがページにある場合があります。
このために、cssクラスを使用できます。ページの印刷中にコンテンツを非表示にする cssのメディア タイプ
に は、適切なオプションがあります。 あなたがそれを通過できる同じウェブサイトに良い投稿があります。 印刷CSSを設定するための良いルール?css


于 2012-11-27T05:18:38.977 に答える
1

window.print()ボタンをクリックすると呼び出すことができます。

<input type="button" value="Print Admit Card" onClick="window.print();" />
于 2012-11-27T05:02:21.297 に答える
0

CSS を使用すると、CSS が設計されているメディア タイプを指定できます。これにより、印刷を要求すると、ページの残りの部分が削除され、カードのように見える部分のみが印刷されます。開始するためのリンクを次に示します。CSS メディア タイプ. さらに、print css のみを有効にしてページを再度開くことができ、Osiris が示すように Window.print(); を呼び出します。ページを印刷します。

于 2012-11-27T05:20:02.943 に答える