RSS   



  可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題 | 純文字版  


 


 
主題: [html/html5] [問題]網頁列印頁碼   字型大小:||| 
ROACH
版主
等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30
減肥中!請勿餵食

十週年紀念徽章(四級)  

 . 積分: 15118
 . 精華: 14
 . 文章: 11766
 . 收花: 140844 支
 . 送花: 6005 支
 . 比例: 0.04
 . 在線: 8869 小時
 . 瀏覽: 85616 頁
 . 註冊: 7972
 . 失蹤: 2
 . 鄉下地方
#1 : 2014-6-6 04:52 PM     只看本作者 引言回覆

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

<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 作了最後編輯]



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
XDR
銀驢友〔高級〕
等級: 14等級: 14等級: 14等級: 14


今日心情

 . 積分: 926
 . 精華: 3
 . 文章: 2040
 . 收花: 7143 支
 . 送花: 11639 支
 . 比例: 1.63
 . 在線: 3804 小時
 . 瀏覽: 23408 頁
 . 註冊: 6803
 . 失蹤: 11
#2 : 2014-6-6 07:01 PM     只看本作者 引言回覆

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



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
ROACH
版主
等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30
減肥中!請勿餵食

十週年紀念徽章(四級)  

 . 積分: 15118
 . 精華: 14
 . 文章: 11766
 . 收花: 140844 支
 . 送花: 6005 支
 . 比例: 0.04
 . 在線: 8869 小時
 . 瀏覽: 85616 頁
 . 註冊: 7972
 . 失蹤: 2
 . 鄉下地方
#3 : 2014-6-6 09:15 PM     只看本作者 引言回覆


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


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


後來我想到一召
用outerHeight(true) 計算<Tbody>高度
就可以推算出輸出資料的總高度,推算出總頁數..
到時候按下列印按鈕的時候就會分頁了



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
daidai
鐵驢友〔中級〕
等級: 5等級: 5


 . 積分: 51
 . 文章: 80
 . 收花: 325 支
 . 送花: 166 支
 . 比例: 0.51
 . 在線: 1631 小時
 . 瀏覽: 13352 頁
 . 註冊: 7086
 . 失蹤: 579
#4 : 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 作了最後編輯]



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記

   

快速回覆
表情符號

更多 Smilies

字型大小 : |||      [完成後可按 Ctrl+Enter 發佈]        

溫馨提示:本區開放遊客瀏覽。
選項:
關閉 URL 識別    關閉 表情符號    關閉 Discuz! 代碼    使用個人簽名    接收新回覆信件通知
發表時自動複製內容   [立即複製] (IE only)


 



所在時區為 GMT+8, 現在時間是 2024-3-28 07:42 PM
清除 Cookies - 連絡我們 - TWed2k © 2001-2046 - 純文字版 - 說明
Discuz! 0.1 | Processed in 0.022751 second(s), 6 queries , Qzip disabled