[教學] 第13章 電子賀卡與線上考試(13-1 簡易電子賀卡)

小誌

13-1   簡易電子賀卡
如果您對於12章所講述的『表單寄信』已有了基本的認識，那麼要製作一個簡易的電子賀卡寄送程式應該就難不倒你了。

本節範例將以IIS中的CDONTS.NewMail 物件來寄送賀卡郵件，本範例的網頁只有兩個：
1.index.htm：此網頁為賀卡寄送的主網頁，頁面如下圖所示，賀卡寄送者可在此頁面中填寫收件者資料、賀卡訊息與選擇賀卡：

下載 (308.51 KB)

2011-4-24 14:53

圖13-1  index.htm。

2.在index.htm頁面中填寫好相關資料與選擇賀卡後，按下「寄出賀卡」按鈕後，表單資料會送交『ecard.php』程式做處理，一旦賀卡郵件順利寄出後，會出現一個「恭喜你!!賀卡已經順利寄出!!」的JavaScript訊息視窗，按下視窗中的「確定」按鈕，則瀏覽器畫面會自動回到index.htm賀卡寄送的網頁，方便使用者繼續寄送其他賀卡：

下載 (27.66 KB)

2011-4-24 14:53

圖13-2  順利寄出賀卡。

3.而『ecard.php』程式所送出的賀卡郵件就如下圖，這也是賀卡收件者見到的信件內容：

下載 (147.33 KB)

2011-4-24 14:53

圖13-3  賀卡郵件。