※ 引述《neverfly (neverfly)》之銘言:
: 想請教一個列印網頁的問題,
: 就是在同一個頁面中,有不同的資料希望能夠分別輸出,
: 也就是按下按紐一的時候,列印區塊一的部份,
: 按下按紐二的時候,就列印區塊二的部份,
: 能否請問一下這個部份要怎麼寫呢?謝謝。
: ┌───┐ ┌───┐
: │按紐一│ │按紐二│
: └───┘ └───┘
: <div id="1">
: ┌──────────────────┐
: │ (要列印的內容一) │
: │ 區塊一 │
: └──────────────────┘
: </div>
: <div id="2">
: ┌──────────────────┐
: │ (要列印的內容二) │
: │ 區塊二 │
: └──────────────────┘
: </div>
當【按鈕一】被按下時,將﹝區魂二﹞的css設為{display:none},其它區塊則為顯示
當【按鈕二】被按下時,將﹝區塊一﹞的css設為{display:none},其它區塊則為顯示
不過這樣方式倒是滿麻煩的,你倒可以製制兩種css版本,一種是網頁版,一種是列印版
然後兩個css都同時載入,例如:
這個css只會在網頁上套用↓
<link rel="stylesheet" type="text/css" href="mysytle.css" media="screen" />
這個css只會在列印時套用↓
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
所以print.css的內容就是將「不想列印出來的東西」都給予display:none的屬性
結論:不想印出來的東西給display:none的屬性,若要動態就用javascript控制
建議把jQuery學起來會更好用
--
我的樂多網誌http://blog.roodo.com/liaosankai
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.105.48.74