看板 Web_Design 關於我們 聯絡資訊
※ 引述《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