1

HTMLを使用してページのフッターを印刷しようとしています。ただし、フッターは2ページ目から開始する必要があります。生成されるページ数は、ドキュメントごとに異なります。これまでのところ、すべてのページまたはページの終わりに表示されます。

JavaScript： 

if (lineNo > 35) {
    content += "<div id='print-footer' width=100%>";
    content += "<table cellspacing=0 cellpadding=0 width=100% border=0>";
    content += "<tr><td style='font-family: Times New Roman; font-size:12px;'>Ref No.: " + tranId + "</td></tr>";
    content += "</table>";
    content += "</div>";
}

HTML： 

<style type="text/css" media="print">

  div#print-footer {
    position: fixed;
    right: 14px;
    bottom: 0;
    background-color: white
  }

</style>
4

1 に答える 1

0

最初のページのフッターを非表示にする

div#print-footer:nth-of-type(1) {
     ... css for hiding the footer
}

ちなみに、id='print-footer'複数回存在しているように見えるので、使用しないでください。CSS でを使用してドットにclass='print-footer'置き換えます#.

編集:ページを追跡する別の変数を追加します。必要に応じて、ページ番号としても使用できます。

印刷用のグローバルを作成する

pageNo = 1;

最初のページのフッターを省略します

if (lineNo > 35) {
  if (pageNo > 1) {
    content += "<div id='print-footer' width=100%>";
    content += "<table cellspacing=0 cellpadding=0 width=100% border=0>";
    content += "<tr><td style='font-family: Times New Roman; font-size:12px;'>Ref No.: " + tranId + "</td></tr>";
    content += "</table>";
    content += "</div>";
  }
  pageNo++;
}

EDIT2：

最初のソリューションについては、この jsfiddleの簡単なサンプルで、最初のソリューションがどのようにprint-footer隠されているかを確認できます

于 2012-06-29T07:39:41.587 に答える