廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 3316 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
keigo
個人頭像
個人文章 個人相簿 個人日記 個人地圖
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x71
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x0
[JScript][討論] mailto的應用
有些網站所使用的空間並不一定會支援JSP、CGI、PHP或是ASP來架設留言版或是討論區,若是想讓使用者有個管道可以溝通的話要怎麼辦呢?

大多數的網站都會有一個叫連絡我們的連結,點下去後會啟動客戶端的寄信軟體,雖然不是每個人都使用像Outlook這一類的軟體來收寄信,但起碼Windows使用者的電腦內都會有套Outlook,所以這個連絡我們的連結有90%以上的機率是會啟動Outlook。其中新郵件中的收件者、主旨、副本甚至連內文都會自動填寫好讓使用者可以很輕易的就能把意見寄出去。

這樣的效果是怎麼做到的呢?其實只要輸入像下面的Code就能做到了。



就只要把<A>標籤的href設成mailto:收件人信箱,醬就可以了。subject是主旨、body是內文、cc是副本、bcc是密件副本。

有些規模較小一點的購物網站也會使用類似的方法來讓使用者下訂單,但若是用上面的方法好像有點陽春的感覺,所以要教各位用另一種讓使用者先把該填的填完後,再把信寄出。

假設我要使用者填寫他的匿稱、信箱及所購買的產品名稱、數量、地址、電話及備註,並有寄信及重寫的按鈕。先讓我們來看下面的Code:



以上的排版還是很陽春,不過跟一開始的連結比好很多了。教學用就將就一點囉,重點是接下來的JavaScript。



寄信的按鈕在Click後會觸發sendMail()這個方法,並把form這物件當做參數用。然後把目前網址的href設成mailto.....,醬是不是好多了呢?但是在按下寄信時,會發現新郵件中內文的部份卻沒有換行。



怎麼會這樣咧?其實這部份也是另一個重點,如何在內文部份能有換行的效果來。來看改過後的Code:



其中變數re是一種正規表示法,這部份不熟的就先直接用吧,再來我把內文中換行的字串\r\n全部替換程%0A,這是Unicode編碼中表示換行,若不要用%0A的話,也可以用escape("\n")來替換都能達到換行效果。

上面的範例中並沒有對匿稱有沒有填寫及信箱符不符合規則來做驗證,且若真的是購物網站要用的話,真的不建議用這種直接寄信的方法,一來根本沒任何安全性可言;二來不能滿足各種必須要有的功能,這頂多當成意見反應用吧。

範例瀏覽:

http://abgne.myweb.hinet...0004.html

以上內容於2005/09/04發表在小弟的Blog裡http://blog.xuite.net/abgne/diary1/3884547


[ 此文章被keigo在2005-09-07 19:52重新編輯 ]



歡迎各位參觀小弟的Blog男丁格爾's 脫殼玩
獻花 x1 回到頂端 [樓 主] From:台灣中華電信 | Posted:2005-09-04 06:45 |
rakish
數位造型
個人文章 個人相簿 個人日記 個人地圖
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x18
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

真詳細...

不過如果沒有用資料庫...

這樣收到的資訊 ...

光管理就很累了...


人一但長大了
就發現世上的事不像想的那麼好
你總是會一天天長大的
會看得越來越清楚
獻花 x0 回到頂端 [1 樓] From:台灣和信超媒體 | Posted:2005-09-11 20:28 |
keigo
個人頭像
個人文章 個人相簿 個人日記 個人地圖
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x71
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

若是個人網站用的話 又不會php,cgi這種的
且空間又不支援的話 用mail不失為一種方法啦


歡迎各位參觀小弟的Blog男丁格爾's 脫殼玩
獻花 x0 回到頂端 [2 樓] From:台灣中華電信 | Posted:2005-09-14 23:40 |

首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.072227 second(s),query:16 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言