Board logo

主題: [html/html5] [問題]網頁列印頁碼 [打印本頁]

發表人: ROACH    時間: 2014-6-6 04:52 PM     主題: [問題]網頁列印頁碼

問一個網頁列印問題
像下面這種方式

CODE:
[Copy to clipboard]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
</style>

<style type="text/css">
    @media print {
        thead { display: table-header-group; }
        tfoot { display: table-footer-group; }
    }
    @media screen {
        thead { display: block; }
        tfoot { display: block; }
    }
</style>
</head>
<body>
    <table>
        <thead>
            <tr><th>我是抬頭 <BR> 頁碼: 1/1  </th></tr>
                       
        </thead>
        <tfoot>
            <tr><td>我是尾巴</td></tr>
        </tfoot>
        <tr>
            <td><div>內容<br />內容<br />內容<br />內容<br /></div>
            <BR>好幾行內容</td>
        </tr>
   </tbody>
    </table>
</body>
當內容多達好幾頁時
它可以每列印到一頁最下面換頁後
『抬頭』再印一次
可是像頁碼要怎計算呢??
如何事先就知道總共有幾頁可以先輸出總頁數??
讓每一頁1/5
            2/5...3/5..4/5..5/5 來顯示?

當然我知道在瀏覽器的設定裡面有這選項
但這太制式格式的不知道能不能寫程式輸出


[ROACH 在  2014-6-6 04:56 PM 作了最後編輯]
發表人: XDR    時間: 2014-6-6 07:01 PM

貼到WORD去印 預覽列印時就會說有幾頁了
是要知道這個?
發表人: ROACH    時間: 2014-6-6 09:15 PM


引用:
XDR寫到:
貼到WORD去印 預覽列印時就會說有幾頁了
是要知道這個?


不是..
因為我們會用網頁寫表單,從網頁輸出
每頁有抬頭也有頁碼


後來我想到一召
用outerHeight(true) 計算<Tbody>高度
就可以推算出輸出資料的總高度,推算出總頁數..
到時候按下列印按鈕的時候就會分頁了
發表人: daidai    時間: 2014-6-7 12:57 AM

goolgle 關鍵字
print page number with css
jquery print preview
jquery print page number

希望派得上用場
http://www.w3.org/TR/CSS21/generate.html#counters
http://www.princexml.com/doc/9.0/page-numbers/

[daidai 在  2014-6-7 01:08 AM 作了最後編輯]




歡迎光臨 TWed2k (http://twed2k.org/) Powered by Discuz! 4.1.0