[jQuery] blockUI + jQuery.validate 配合使用

使用 jQuery.validate 驗證表單內容，若通過驗證則加上 blockUI 遮蓋畫面（一方面是防止使用者重複按下送出鈕、另一方面是有個 Loading 畫面可以讓使用者知道表單仍在處理中），反之(驗證不通過)則僅顯示錯誤就好。作法如下：

使用 jQuery.validate 的 submitHandler 事件：

[PHP] 發送 E-mail 遇到的小問題

最近的案子需要用到發送 EDM 的功能，是以 PHP 開發，因此就採用了 phpMailer 此套發信套件。另外， mail 內容採用表格切版。

遇到幾個小問題，做一下相關的記錄與解法。

Gmail 讀信時，表格間會出現間隔，但 Outlook 或直接看原始 html 是沒有的。
解法：
找到了此篇有相關的問題與說明。

加入 inline CSS display:block 即可解決這個問題：
```
<img src="123.jpg" style="display:block" width="445" height="40" />
```
信件內容出現了莫名其妙的驚嘆號 (!)，去檢查 html code 卻沒有發現任何誤打的 !。
解法：

設定 Encoding 為 base64。
```
$mail = new PHPMailer();
$mail->Encoding = "base64";
```

FCKeditor 中使用完整網址插入圖片

需求是這樣子的：「網站的前台與後台要分別放在不同的域名下，而後台上稿使用 FCKeditor。」

但在插入圖片時，FCKeditor 預設的插入路徑是以 config 檔（端看使用哪種語言開發，如 aspx 的話就是 filemanager/connectors/aspx/config.ascx）中的路徑設置為準。那麼在前台瀏覽時，由於擺放的位置不同，將會找不到正確的圖片路徑。

因此，思考的解法是在插入圖片時，就以圖片的完整URL插入。
此篇剛好有相關的討論與解法。

IE7 中表格被連續圖片撐破的解法

在某個案子中，客戶反映某些使用者的瀏覽器(IE7)在瀏覽特定頁面時，會出現破表的問題。此部分為後端透過 FCKeditor 上稿，因此觀察了一下上稿的 html code，是這樣子的：

<p style="text-align: center"><img alt="" width="630" height="271" src="圖片位置" /><img alt="" width="630" height="828" src="圖片位置" /><img alt="" width="650" height="488" src="圖片位置" /></p>

這段語法被插入到一個表格中。而 IE8 或 Google Chrome 中瀏覽正常，圖片是垂直排列，但在 IE7 中圖片的排列會以水平橫向排列。

請求 Google 大神，找到了這篇，如該文說明，將

style="table-layout:fixed;word-wrap:break-word;word-break;break-all;"

加至表格即可解決此問題。

[ASP.NET][ASP] 傳遞登入狀態

需求是這樣的，ASP.NET 的網站登入（Session）後，點選其他 ASP 的網站，也要變成登入狀態。

搜尋過有幾種作法：

透過資料庫，存入 Session_id 供查閱。
透過 ASP.NET2ASP POST 的方法，但要注意安全性。
將帳號加密，用 GET 方式附帶在 .asp 網址後方，ASP 端使用該加密字串丟到 ASP.NET 的 Web Service 解密並查詢該帳號是否正確，若正確則傳回 true，ASP 再設定 Session 登入狀態。

[ASP.NET] Flash 圖表解決方案 amchart

最近有個案子希望用上花俏的圖表效果，最好還會動的。

曾經找過 jQuery 的方案 Horizontal Bar Graph in jQuery，也有動態生長效果，但沒有立體；還有另一套也滿有名的 Open Flash Chart，但在 ASP.NET 中使用的方法不是拖拉元件、指定對應屬性那麼直觀，還沒空仔細研究，就先跳過了。

最後覺得在 ASP.NET 環境下，用 amchart 這套圖表元件相當適合，也滿簡單的。屬性與方法相當多，以下只簡單介紹一下用法。

Partner Studio

patw 的技術筆記

Month: 6 月 2010