伊莉討論區

標題: 可否請高人指導我有關於html的「列印」問題 [打印本頁]

作者: misoa01    時間: 2015-4-29 09:22 AM     標題: 可否請高人指導我有關於html的「列印」問題

Dear Sir:
打擾各位網頁設計的先進、前輩們
我是位醫生,自已開了家小診所,因為不是很賺錢,所以沒有請電腦工程師、外包商,就自己兼任電腦人員了
因為對製作網頁有興趣,所以就自己買書、上網google來學習FrontPage這套軟體
但我遇到了一些困難,能否請各位網頁設計師先進,來指導我這個門外漢?感謝您

這個問題就是,要怎麼讓製作好的表單,按下「列印」這個鈕時:
1.不要印出「沒有」勾選的「核選方塊」、「選項按鈕」的項目
(小弟我大概知道是要用javascript,要在列印時,把這些項目隱藏起來,因為也有好心的網友指導我去隱藏「列印」這個按鈕,但我還是不會用,很不好意思)

2.按下列印時,也不要印出「下拉式選單」的那個「框框」,只要印出文字就好
3.按下列印時,也不要印出「核選方塊」的那個「正方形」,就是打勾勾的那個框框
4.按下列印時,也不要印出「選項按鈕」的那個「圈圈」
5.最下面有一個「總金額」,能否讓他能自動計算出金額?算式是「總量」× 「天數」× 「單價」 =  「總金額」
(若是沒有辦法自動計算,也沒關係,我再用計算機就好,問題比較大的是以上1~4的問題,因為印表機墨水好貴)

以下是我出問題的程式碼,我是用FrontPage來製作的:


<head>
    <title>自費藥品單</title>
    <style type="text/css" media="print">
        .print_disable
        {
            visibility: hidden;
        }
        

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

    </style>
</head>
<body>
    <form method="POST" action="--WEBBOT-SELF--">
               
                <p>自費藥品申請單</p>
                <p>診別:<select size="1" name="D1">
                <option>一診</option>
                <option>二診</option>
                <option>三診</option>
                <option>五診</option>
                <option>六診</option>
                </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                日期:<!--webbot bot="Timestamp" S-Type="REGENERATED" S-Format="%Y/%m/%d" --></p>
                <fieldset style="padding: 2">
                <legend>欲開立藥品:</legend>
                <input type="checkbox" name="C1" value="ON">Amoxicillin 500mg&nbsp;
                <input type="checkbox" name="C4" value="ON">Ampicillin 500mg cap&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="checkbox" name="C5" value="ON">Ampicllin 500mg&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="checkbox" name="C6" value="ON">Augomentin&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="checkbox" name="C2" value="ON">Keflex 250mg (Ulex)&nbsp;&nbsp;&nbsp;
                <input type="checkbox" name="C3" value="ON">Keflex 500mg<p>
                <input type="checkbox" name="C7" value="ON">Cefamazin 1gm&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="checkbox" name="C8" value="ON">Cephalothin 1gm</p>
                </fieldset></p><fieldset style="padding: 2">
                <legend>用法:</legend>
                <input type="radio" value="V1" name="R1">外用&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V2" name="R1">口服&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V3" name="R1">靜脈注射&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V4" name="R1">肌內注射&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V5" name="R1">靜脈點滴&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V6" name="R1">皮下內法射&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V7" name="R1">沖洗&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V8" name="R1">吸入&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V9" name="R1">植入&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" value="V10" checked name="R1">肛門塞劑</fieldset></p>
                <p>總量::<select size="1" name="D3">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                <option>26</option>
                <option>27</option>
                <option>28</option>
                <option>29</option>
                <option>30</option>
                <option>31</option>
                <option>32</option>
                <option>33</option>
                <option>34</option>
                <option>35</option>
                <option>36</option>
                <option>37</option>
                <option>38</option>
                <option>39</option>
                <option>40</option>
                <option>41</option>
                <option>42</option>
                <option>43</option>
                <option>44</option>
                <option>45</option>
                <option>46</option>
                <option>47</option>
                <option>48</option>
                <option>49</option>
                <option>50</option>
                </select>&nbsp;&nbsp;&nbsp;&nbsp; 天數:<select size="1" name="D4">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option7</option>
                </select>&nbsp;&nbsp;&nbsp;&nbsp; 單價:<select size="1" name="D5">
                <option>2</option>
                <option>4</option>
                </select>&nbsp;&nbsp;&nbsp;&nbsp; 總金額:<input type="text" name="T1" size="20">元</p>
        </form>
     <p> </p>
        <p>
    <input id="Button1" class="print_disable" type="button" value="列印" onclick="fnPrint()" />
    </p>
    <p>

<script type="text/javascript">
    // 列印
    function fnPrint()
    {
        window.print()
    }
</script>
</body>
</html>
作者: 我愛小笨蛋    時間: 2015-4-29 11:48 AM

你紙張大小有限制嗎?
有沒有接資料庫?
印出來是不是要有兩聯?
用什麼印表機印?
是一般再用的那種雷射/點陣還是像一般醫院再用的可複寫的印表機?
作者: misoa01    時間: 2015-4-29 02:54 PM

Dear Sir:
1.紙張是用「中二刀報表紙」,長16.5cm、寬9.3cm
  (會想要隱藏未勾選的項目,就是因為這種紙,他是一直連下去的,有撕線,
    他沒有長度限制,會一直印到完,會很浪費印表機色帶和紙)
2.是指按「送出」那個按鈕,傳到資料庫嗎?如果是的話,那我沒有接資料庫
  我還在入門的階段,只有學FrontPage,還沒有學到php或asp
  所以索性把「送出」的鈕刪除了,只讓他有列印的功能...讓您見笑了,原諒
3.有辦法設計成印兩聯嗎?因為我都是按兩次列印,如果能設計成印兩聯的方式,就太感謝您了
4.印表機是用:EPSON  LQ-680C
5.就是一般診所掛號櫃檯用的,很吵的那種,點陣式印表機

不好意思,再請您指導小弟了
作者: yrlcom9    時間: 2015-7-21 10:24 AM

幾個建議參考看看
1 , 資料庫還是必須的(將來一定會有需求的)
2 ,不想要的東西列印時畫面就先不要出現
3 ,想要兩聯印一次最好畫面大小先套表(框)設計2式一次印完再撕開
4 ,LQ-680C比較不適合使用,不仿使用2000元左右的黑白雷射列表機




歡迎光臨 伊莉討論區 (http://a401.file-static.com/) Powered by Discuz!