NoteBox

《不能戳的秘密》

2011-08-01T06:22:00.000-07:00

轉自：http://feedproxy.google.com/~r/Clubtblog/~3/U9mwedm2fvk/blog-post.html

片長實在太長，以下是幫沒時間看的人做簡單懶人包

1. 高致病性禽流感病毒 H5N1, H5N2 已經 " 在地化 "
結合在一起變成新種變種病毒

2. 禽流感病毒已傳染給豬隻 (達14.9%）
只要傳染給豬隻代表有可能從豬身上繼續傳染給哺乳類

3. 學者調查台灣北中南的養雞場 " 工作人員 "
其中有 20% 的人對禽流感血清疫苗產生陽性反應
20% 之中更有 66 個人確定已經感染 H5N2

事件部份：

1. 早在2004年、2006年就發現禽流感疫情，也有媒體報導
但政府都用「是候鳥傳染」當作藉口，在媒體面前上演清洗電線桿的可笑戲碼

2. 2006年為了加入ＷＨＯ，為了把「積極防治禽流感」當作入會宣傳
明明疫情已爆發卻不敢聲張怕沒辦法入會

3. 學者提出學術研究報告，卻因為出資者是農委會，不敢聲張
該份報告也被河蟹，農委會檢驗所的紀錄消失無蹤

4. 雞農困於每次發生疫情都會被撲殺加上雞價掉落，不敢直言
但私底下自己都會接種疫苗讓死亡率降低
這種做法卻變成另一種傳染源，讓雞隻感染率大增
（ = 我們吃的雞可能都是遭受過感染的病雞）

5. 導演長期自行解剖雞隻，自行送檢驗所追蹤
並有一些被政府隱匿的證據報告是由匿名者提供

6. 2008年五月（馬政府初上任）發生六萬隻雞暴斃事件
農委會告訴媒體這不是H5N2禽流感而是另一種「新城病毒」
但防檢局又發了篇新聞稿說「不是新城雞瘟，原因不明」
真正的答案是變種病毒

7. 然而台灣沒有回報給OIE（世界動物衛生組織）任何情報
農委會反而在12月把「新城病毒」從甲級降到乙級

8. 2010年一月發生大量疫情，發現H5N2
家畜衛生所連續做了兩次試驗，檢測後發現28間養雞場都呈現陽性反應
指數都遠遠超過國際標準（測出：2.54 vs. OIE：1.2）

9. 2010年五月媒體舉發，農委會卻全部否認
告訴大家「這是低病原，沒有人死掉就代表不嚴重」
檢驗報告卻被列為「公務機密」不讓外部檢閱

10. 導演訪問農委會防疫檢驗局局長
局長表示「沒有大量的死亡疫情報告，不算有病毒」

11. 農委會私底下開了兩次會議和眾學者 "商量" 兩次試驗該怎麼辦
與會者包括台大獸醫系教授等等，眾學者卻同意：

12. 為了掩蓋疫情，農委會竟然想出「獨步全球的檢驗實驗」
重新買了六十隻中雞想做出新的實驗報告
讓指數掉回正常值再回報給OIE
（現在OIE官方網站上面台灣的正常數字正是這份 "新" 報告）

13. 導演和記者分別打電話給當時的參與學者，所有的學者都推說不清楚不知道
紀錄片後半段就是當時參加會議時的所有人全部都在推托的電聯紀錄...
而經調查當時與會教授大半都有拿政府的補助經費...

14. 家畜衛生實驗室所長承認做了六十隻中雞的實驗
也承認沒把最之前所作的兩次指數超常的報告交給OIE
對於屏東大量雞隻死亡的案件，卻告訴導演「你先把攝影機轉掉」

15. 六年來跨越兩大政黨輪替的禽流感
從一開始的低致病性，演變成高致病性
最後演變成台灣官員篡改數字交給國際組織聲稱一切沒問題
成為不能戳的祕密

片尾導演告訴大家可從蛋價來判斷禽流感是否正在發生

梁靜茹-沒有如果

2011-08-01T05:49:00.000-07:00

沖馬桶的正確觀念

2011-08-01T05:44:00.000-07:00

※沖馬桶時一定要蓋上蓋子

馬桶，人們每天都要使用，但稍不留意，它也可能成為疾病之源。

紐約大學菲利普·泰爾諾博士指出，如果沖水時馬桶蓋打開，馬桶內的瞬間氣旋最高可以將病菌或微生物帶到6米高的空中，並懸浮在空氣中長達幾小時，進而落在浴廁物品上。現在大部分家庭中，如廁、洗漱、淋浴都在衛生間裡進行，牙刷、漱口杯、毛巾等與馬桶共處一室，自然很容易受到細菌污染。因此，應養成沖水時蓋上馬桶蓋的習慣。

復旦大學公共衛生學院鬱慶福教授指出，調查發現，32％的馬桶上有痢疾桿菌，其中一種名為“宋內”的痢疾桿菌在馬桶圈上存活的時間長達17天；另一份實驗報告也指出，將1億個脊髓灰質炎病毒投入馬桶內，濺到座圈上的病毒竟有3000個。同時，不少人冬天喜歡在馬桶上套個絨布墊圈，這樣更容易吸附、滯留排泄污染物，傳播疾病的可能性更大。污染如此嚴重的地方恰恰和人們皮膚的接觸最“親密”，因此要重點進行清潔，每隔一兩天應用稀釋的家用消毒液擦拭。至於布制的墊圈最好不用，如果一定要使用的話，應經常清洗消毒。如果有條件，不妨換一個具有抗菌功能和防濺設計的座便器。

馬桶圈細菌多要重點清潔

馬桶容易沾染尿漬、糞便等污物，沖水後如果發現仍留有殘跡，一定要及時用馬桶刷清除乾淨，否則容易形成黃斑污漬，也會滋生黴菌和細菌。除了管道口附近，馬桶內緣出水口處和底座外側都是

馬桶內的髒物及時清洗

藏污納垢的地方，清洗時先把馬桶圈掀起，並用潔廁劑噴淋內部，數分鐘後，再用馬桶刷徹底刷洗一遍，最好用細頭的刷子，這樣能更好地清潔馬桶內緣和管道口深處。然後再刷洗底座和其他縫

隙。

范瑋琪最重要的決定

2011-08-01T05:42:00.000-07:00

不就是一台車有必要玩這麼大嗎

2011-08-01T05:26:00.000-07:00

伊甸愛心園丁

2009-03-25T07:34:00.001-07:00

幫幫弱勢兒童及身障朋友～2000個愛心園丁，就差你一個！

「…生命是那樣的美好，然而，對絕大多數的身心障礙者來說，　　他們的日子是浸在淚水中的。我只是想，我們能做點什麼，好讓他們的眼淚可以少流一點，路可以平坦一點。好讓他們在拼鬥的過程中，不被天擊倒，不被人擊倒；最重要的，也不被自己擊倒。

保留他們最後一點尊嚴和自信，活出一個人的樣子。」

劉俠女士創辦的伊甸基金會，希望能招募願意持續付出愛心的園丁，

每個月300元(1天只要10元)，就可以協助弱勢兒童及身障朋友。

捐款人資料:

姓名：捐款人姓名:	身份證字號:
收據抬頭:	性別：生日: 年月日
電話：手機：
通訊地址:

捐款方式（持續至少一年）

月捐□300
元/
□500元/
□1000元
/其它
元

加入日期：
終止日期：
（未填者欲停止捐款時請電話通知
）

捐款方法：

□信用卡捐款（填寫以下信用卡資料即可）

發卡銀行：
信用卡有效期限：西元
年　月

信用卡卡號：　　　　　
捐款金額：$

持卡人簽名：　　　
（與信用卡簽名同一致）

郵局儲金帳戶轉帳

授權人直接轉帳付款類別：(請勾選一項)
授權人蓋章：(請蓋原開戶印鑑)

□ 存簿儲金局號
□□□□□□─□

存簿儲金帳號
□□□□□□─□

□ 劃撥儲金帳號
□□□□□□□□

（轉帳日：每月20日）

謹代表所有需要支援，且受惠於伊甸基金會的朋友，向您獻上最誠摯的謝意。謝謝您!

(
傳真：03-4914935
電話：
03-4947341#137-8，0913622052
伊甸基金會邱小姐)

2008-01-25T17:12:00.000-08:00

No Pain No Gain

No Pain No Gain… Accept the Pain, Future will be Fruitful…

Don't feel the work you are doing is pain, because there will be always a reason for that pain or work.

2007-10-25T22:59:00.000-07:00

簡單快速取出 chm 中的圖片

MSN Space、Google Doc、Google Blog
Chui-Wen Chiu
2007.10.26
關鍵字：chm

測試環境
1. Windows XP SP2
2. HTML Help Control 4.74.9273

不知道你有沒有常看 chm 電子書，有時裡面有些不錯圖片想要取出來，可是 Microsoft HTML Help 程式卻沒有提供按右鍵另存功能。網路有提供 chm 轉檔工具，可是有時只需要裡面的一兩張圖片，實在沒有必要使用這些工具。這裡提供一個簡單的方式，首先打開你的 chm 並找出你想要另存的圖片，按下滑鼠右鍵點選"屬性"，如下：

然後在"內容"視窗中，複製網址，如下：

然後打開檔案總管，將網址貼在網址列，然後按右鍵另存即可，是不是很簡單呢 ^^

2007-10-25T11:31:00.001-07:00

VS2008 對 Javascript 的支援

MSN Space、Google Doc 、Google Blog

Chui-Wen Chiu
2007.10.24
關鍵字：debug, visual studio, javascript, intellisense

前言

今天參加高雄場次的微軟研討會，第一場由曹祖聖主講 VS2008 對 Javascript 的支援，內容提到一些不錯和有待改進的部份整理成本篇文章，由於目前 VS2008 還處於 Beta2 版本，所以未來可能還會進行修改或強化。

Javascript Intellisense

VS2008 採用型別推測(type inference)方式來支援 Javascript 的 Intellisense，透過此一方式可以讓開發人員更容易找到變數/物件的成員，這個方法的缺點是如果無法正常推測初結果，則必須手動輸入，且此一方式需要花額外時間進行推測，所以，Intenllisense 需要一段時間才能夠呈現。除此之外，VS2008 也支援 HTML 中部引入外部的 js 檔，即使外部檔案位在其他網站，也仍然能夠使用(但是需要花一些時間)。如下圖：

圖1、Javascript Intellisense[1]

如果 HTML 中引入多個 js 檔案，為了 js 檔可以顯示其他 js 的 intellisense，必須在 js 檔的最開頭加上下面的相依宣告：

/// <reference
/// path="~/scripts/mylib.js"
/// assembly="System.Web"
/// name="ScriptResourceName.js"
/// />

其中 path 屬性用來定義引用的 js 檔案路徑，如果你使用 .NET 的組件，可透過 assembly 和 name 屬性指定 .NET 組件。如果忽略 assembly 屬性，預設為 System.Web.Extensions。

為了讓 Intellisense 支援說明，必須在定義的函數、物件或欄位中定義 XML 說明註解(註：註解說明位置和 C# 不同)。如：

function getWelcomeMessage(name){
/// <summary>
/// 這個函數是用來根據使用者姓名，自動產生歡迎文字
/// </summary>
/// <param name="name">使用者姓名</name>
/// <return>string</return>

return "歡迎 " + name;
}

執行結果：

圖2、函數說明提示[1]

圖3、參數說明提示[1]

以下是常用的 XML 註解：
函數參數

在定義數值說明時，可以使用 type, integer, domElement 和 mayBeNull。由於 JavaScript 沒有 integer 型別，只有 number 型別，所以可以將 type 設成 Number，integer 設成 true，來表示整數型別。可省略參數用 optional ="true"。參數如果可以重覆出現可將 parameterArray 設為 "true"。

陣列說明

="_x0000_s1026">

因為 JavaScript 並沒有類似 int[] 這樣的陣列宣告，因此在定義說明時，可以使用 elementType, elementInteger, elementDomElement 和 elementMayBeNull 來定義陣列的說明。

AJAX, ASP.NET, Web Service 對 Javascript Intellisense 支援

雖然 ASP.NET 也可直接印入 js 檔，但官方建議透過 ScriptManager 引用，引入之後即可獲得相同支援。如下：

<asp:ScriptManager ID="ScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Path="~/MyLib.js" />
<asp:ScriptReference Path="~/jQuery.js" />
</Scripts>
</asp:ScriptManager>

如果想在引入 Web Services 中的 js，首先，在 Web Service 中必須加入 System.Web.Script.Services.ScriptService Attribute，如下：

[System.Web.Script.Services.ScriptServie()]
[WebService(Namespace="http://tempuri.org")]
public class WebService: System.Web.Services.WebService{
[WebMethod()]
public String Hello(){
return "Hello World";
}
}

接著在 ASP.NET 的 ScriptManager 中加入 Services 即可獲得支援，如下：

<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ScriptReference Path="~/MyLib.asmx" />
</Services>
</asp:ScriptManager>

在 AJAX 上，AJAX Client Behavior, AJAX Client Control 和 AJAX Client Library 使用上也支援 Javascript Intenllisense。

圖4、AJAX 的支援[1]

Javascript 偵錯

VS2008 要對 IE 進行偵錯，必須在 IE 上關閉"停用程式碼除錯"選項(VS2005 或 Visual Script Debugger 相同)。如未關閉可能出現如下提示訊息：

圖5、除錯關閉提示[1]

關閉方式如下圖所示：

圖6、關閉除錯停用選項[1]

語法錯誤提示

當你透過 Visual Studio 編輯 Javascript 時，會即時檢查語法的正確性，如果你用 VS2005 編輯 C# 就會相當熟悉這個通能，他會在語法錯誤之處會標示提醒符號，如下圖：

圖7、語法檢查[1]

中斷點

可在程式中設定中斷點，如同 C# 程式一般，像是條件式中斷、hit count 中斷等，也可在中斷時，透過 Call Stack, 區域視窗, 即時監看視窗, Visualizer 等檢查相關的參數狀態，如下圖：

圖8、中斷點[1]

圖9、各種除錯視窗[1]

圖10、Visualizer [1]

偵測外部網頁

這個功能我覺得是這個主題中相當重要的一部分，這個主要用來偵錯已經在運作中的網頁 Javascript 功能，雖然 VS2005 也有類似的功能，但不像 VS2008 這麼強大，他可將指定的網址相關檔案下載下來，並在 VS 中呈現目前的內容，並且會依據實際情況變更。所以，如果你要研究某個網站的 Javascript 如何撰寫，只要透過這個方式將網頁資料透過 VS 偵測，並利用剛剛說的中斷點和其他除錯視窗，就是一個強大的 Hack 工具。唯一美中不足的是無法動態修改程式碼。希望未來能夠提供此功能。

由於沒有 VS2008 可抓圖展示，就以投影片的內容整理如下：

啟動外部偵錯
1. 使用 IE 瀏覽網頁
2. 使用 Visual Studio 2008 將 IE 的行程 (iexplorer.exe) 附加到偵錯模式下

圖11、VS 附加到指定 IE 行程 [1]

3. VS 會下載相關檔案到 Script Document

圖12、Script document [1]

4. 開啓檔案
4. 設定中斷點
5. 進行偵錯

圖13、Script document [1]

常見問題

1. 是否支援物件的 Intellisense?
是

2. 是否支援物件的程式碼註解格式？
是

3. 是否支援 Reference To 到函數或物件的功能？
否，尚未支援

4. VS2008 的 Javascript 註解格式是否可以產生文件？
目前尚未支援

5. 是否可關閉 Intellisense 功能？
否，沒有提供選項設定。

6. 可偵錯 Silverlight 嗎？
是

7. 現有的 javaDoc 註解格式是否支援 Intellisense 或提供轉換工具？
否，可透過 Open Source 尋找看看

8. 可支援 Firefox 上的偵錯嗎？
否

參考資料

[1] 曹祖聖, "深入 Visual Studio 2008 Javascript 偵錯技術投影片 "

[2] "Debug JavaScript in JSP or PHP Pages with Visual Studio 2008"

[3] "VS 2008 JavaScript Debugging"

[4] "Javascript Intellisense, Documentation, & Visual Studio 2008 (Orcas)"

[5] "JScript IntelliSense in Visual Studio Orcas"

2007-10-25T11:31:00.000-07:00

VS2008 對 Javascript 的支援

MSN Space、Google Doc 、Google Blog

Chui-Wen Chiu
2007.10.24
關鍵字：debug, visual studio, javascript, intellisense

前言

Javascript Intellisense

圖1、Javascript Intellisense[1]

如果 HTML 中引入多個 js 檔案，為了 js 檔可以顯示其他 js 的 intellisense，必須在 js 檔的最開頭加上下面的相依宣告：

/// <reference
/// path="~/scripts/mylib.js"
/// assembly="System.Web"
/// name="ScriptResourceName.js"
/// />

執行結果：

圖2、函數說明提示[1]

圖3、參數說明提示[1]

以下是常用的 XML 註解：
函數參數

="_x0000_s1026">

因為 JavaScript 並沒有類似 int[] 這樣的陣列宣告，因此在定義說明時，可以使用 elementType, elementInteger, elementDomElement 和 elementMayBeNull 來定義陣列的說明。

AJAX, ASP.NET, Web Service 對 Javascript Intellisense 支援

雖然 ASP.NET 也可直接印入 js 檔，但官方建議透過 ScriptManager 引用，引入之後即可獲得相同支援。如下：

<asp:ScriptManager ID="ScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Path="~/MyLib.js" />
<asp:ScriptReference Path="~/jQuery.js" />
</Scripts>
</asp:ScriptManager>

如果想在引入 Web Services 中的 js，首先，在 Web Service 中必須加入 System.Web.Script.Services.ScriptService Attribute，如下：

接著在 ASP.NET 的 ScriptManager 中加入 Services 即可獲得支援，如下：

<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ScriptReference Path="~/MyLib.asmx" />
</Services>
</asp:ScriptManager>

在 AJAX 上，AJAX Client Behavior, AJAX Client Control 和 AJAX Client Library 使用上也支援 Javascript Intenllisense。

圖4、AJAX 的支援[1]

Javascript 偵錯

VS2008 要對 IE 進行偵錯，必須在 IE 上關閉"停用程式碼除錯"選項(VS2005 或 Visual Script Debugger 相同)。如未關閉可能出現如下提示訊息：

圖5、除錯關閉提示[1]

關閉方式如下圖所示：

圖6、關閉除錯停用選項[1]

語法錯誤提示

圖7、語法檢查[1]

圖8、中斷點[1]

圖9、各種除錯視窗[1]

圖10、Visualizer [1]

偵測外部網頁

圖11、VS 附加到指定 IE 行程 [1]

3. VS 會下載相關檔案到 Script Document

圖12、Script document [1]

4. 開啓檔案
4. 設定中斷點
5. 進行偵錯

圖12、Script document [1]

常見問題

參考資料

[1] 曹祖聖, "深入 Visual Studio 2008 Javascript 偵錯技術投影片 "

[2] "Debug JavaScript in JSP or PHP Pages with Visual Studio 2008"

[3] "VS 2008 JavaScript Debugging"

[4] "Javascript Intellisense, Documentation, & Visual Studio 2008 (Orcas)"

[5] "JScript IntelliSense in Visual Studio Orcas"

2007-10-01T02:23:00.000-07:00

Vista 的 Session 0 Isolation 問題

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.10.01

前言

由於我目前還相當排斥 Vista 也無開發環境，所以當初開發時並沒有把 Vista 列入考慮。可是當這個產品漸漸成型，也受到眾多主管的關注，偏偏他們都已經在使用 Vista 作業系統，所以測試發現無法在 Vista 上運作，這針是讓我頭痛的問題。一來我要先借到一台安裝 Vista 的機器，二來在 XP 上熟悉的工具在 Vista 上很多都不相容，尤有甚者 Vista 就直接重開機，最慘的是 Alcohol 120% 1.9.5.3105 在 Vista 上安裝重開機會沒有辦法進入作業系統，真是讓人傻眼，還好系統還原後就正常。總之，最後安裝了最基本的開發工具和除錯套件，由於發生問題的是印表機驅動程式，也就是 Print Processor 部份，這個的用途是當應用程式執行列印命令時，系統的 Print Spooler 服務會依據你選擇的印表機，載入對應的 Driver DLL，並依序喚起 OpenPrintProcessor, PrintDocumentOnPrintProcessor, ClosePrintProcessor 完成列印的工作，我的測試發現 OpenPrintProcessor 在 Vista 上就結束了，所以沒有辦法完成列印。

因為我的程式在列印過程會將資料導入一個 Window，在 OpenPrintProcessor 檢查該 Window Handle 是否存在，居然在 Vista 上的 FindWindow 抓不到該 Window，查了許多的資料後才知道，Vista 基於安全的理由，進行了 Session 0 Isolation，導致程式沒有辦法 FindWindow 和 SendMessage。

何謂 Session 0 Isolation?

在 Windows 2000/XP/2003 和更早期的 Windows 作業系統，所有 Service 都運作在第一個登入用戶的 Session。此 Session 稱為「Session 0」。一般的應用程式也運作在同一個 Session 如圖1 所示。如此程式可透過 Windows API 如: FindWindow, SendMessage 與視窗應用程式互動。

圖1、2000/XP/2003 上的 Session(摘自[7])

可是到了 Vista，基於「Session 0」中同時運作 Service 和視窗應用程式會產生安全風險，因為這些服務以提升的權限運行，因此會成為那些正在伺機提升自身權限級別的惡意代理的目標。因此 Vista 中透過 Session 0 Isolation 使 Service 和視窗應用程式進行隔離，使得 Service 和視窗應用程式沒有辦法透過視窗訊息進行互動，如圖2 所示。

圖2、Vista 上的 Session(摘自[7])

在 Windows Vista 中，只有 System Process 和 Service在「Session 0」運作。第一個使用者登入將到 Session 1，隨後的使用者將登入到後續的 Session (如：Session 2, Session 3, ...)。這表示著 Service 永遠不會與應用程式在相同的 Session 中進行溝通，因此可防止應用程式的攻擊。但是這樣的改變會造成透過 Service 運作的動程式受到影響，如：印表機驅動程式(使用 "Print Spooler" Service)。所以，簡單的說 Session 0 Isolation 機制，讓 Service 和應用程式分屬不同的 Session，避免 Service 遭受應用程式攻擊。

由於 Vista 上述 Session 機制改變，導致我的程式移植到 Vista 上無法正常運作。因為無法使用 SendMessage/PostMessage/PeekMessage 或其他視窗相關的 Windows API。所以，只能透過其他方式來繞過這個限制。官方建議的修改方式是改用 RPC 或命名的 Pipe 與視窗應用程式溝通。

可能解決方式

針對我的問題，因為我的需求很單純，只是透過 SendMessage 通知 Window 資料寫入完成。於是我將 FindWindow 和 SendMessage 用 Pipe 方式改寫，也就是在 Window 端建立一個接收訊息的 Pipe，Driver 端則在必要的時候透過 Pipe 傳送命令過來，如此可規避 Session 0 Isolation 對其他 Session 應用持事互動的遮蔽。

總結

雖然透過 Pipe 方式可以暫時解決問題，不過 Vista 上的 UAC 會使程式作受到些許限制，初期開發我是先關閉 UAC 解決這個問題，未來可能要再考慮 UAC 的情況。真希望 Jeffrey Richter 趕快出一本關於 Vista 底層運作的書，也許我對 Vista 上的開發會得心應手些~

參考資料

[1] 在 Windows Vista 中，嘗試傳送訊息至工作階段 0 的程式可能會停止回應
[2] Impact of Session 0 Isolation on Services and Drivers in Windows Vista
[3] Windows Vista Developer Story：应用程序兼容性集锦
[4] Security, services and the interactive desktop in Windows
[5] Interacting with Services
[6] Services in Windows Vista
[7] Application Compatibility - Session 0 Isolation

2007-08-21T19:41:00.000-07:00

HttpWebRequest 錯誤訊息 "The server committed a protocol violation..." 的解法

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.08.22

今天收到一個錯誤訊息"The server committed a protocol violation. Section=ResponseHeader Detail=CR must be followed by LF"， Google 一下有相當多這方面的資料。我就不一一細列，這個錯誤主要是因為 Web Server 回傳的 HTTP 訊息結尾只有 n，而 .NET 實作的 WebRequest 預設情況下，必須符合 RFC 855 實作，也就是結尾必須包含 rn。所以，當 .NET 的 WebRequest 收到這個 HTTP 訊息時，就會出現錯誤。

解法兩個，一個就是讓 Web Server 丟出的 HTTP 訊息符合 RFC 855，另一個就是是讓 WebRequest 睜一隻眼閉一隻眼，亦即將 WebRequest 的 UseUnsafeHeaderParsing 屬性設為 true，這個屬性在 MSDN 文件上得描述如下：

當這個屬性設定為 false 時，會在 HTTP 剖析期間執行下列驗證：

在行結尾程式碼中使用 CRLF；不允許單獨使用 CR 或 LF。
標頭名稱中不應該有空格。
如果有多個狀態列，會將所有額外狀態列視為不正確的標頭名稱/值組。
除了狀態碼外，狀態列還必須有狀態描述。
標頭名稱中不能有非 ASCII 字元。無論這個屬性設定為 true 或 false，都會執行這個驗證。

當發生通訊協定違規時，會擲回 WebException 例外狀況，並將狀態設定為 ServerProtocolViolation。如果 UseUnsafeHeaderParsing 屬性設定為 true，則會忽略驗證錯誤。

將這個屬性設定為 true 具有安全性含義，因此只有在需要與伺服器的回溯相容性 (Backward Compatibility) 時，才應該執行此動作。

需要注意的是這個屬性到 .NET 2.0 才新增的，且文件中也提到除非為了 Web Server 回溯相容，否則還是設定為 false。另外，如果要全面套用到每一個使用到 WebRequest 的地方，在 app.config 加上下面的設定：

<system.net>
<settings>
<httpWebRequest useUnsafeHeaderParsing="true" />
</settings>
</system.net>

2007-08-19T20:37:00.000-07:00

(C#) 取得最新的 Twitter 訊息

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.08.20

測試環境
1. Windows XP Pro
2. Visual Studio 2005

TWessenger[1] 是一套抓取 twitter 最新訊息來更新 MSN 狀態的 Messenger Add-In，主要技術只有兩個，第一個是透過 Windows Live Messenger Add-In API 更新 MSN 狀態文字，第二個是抓取 ATOM 取得最新訊息。本文主要描述抓取最新 Twitter 訊息的方式，首先要取得一個 twitter id，然後可代換成 ATOM URL 如：http://twitter.com/statuses/user_timeline/1713501.atom，其中 1713501 是我個人的 twitter ID，你可以代換成任何 ID。*.atom 的內容類似如下：

<?xml version="1.0" encoding="UTF-8"?>
<feed xml:lang="en-US" xmlns="http://www.w3.org/2005/Atom">
<title>Twitter / Chui-Wen Chiu</title>
<id>tag:twitter.com:Statuses</id>
<link type="text/html" href="http://twitter.com/chui_wen_chiu" rel="alternate"/>
<subtitle>Twitter updates from Chui-Wen Chiu.</subtitle>
<entry>
<title>Chui-Wen Chiu: ebXML是一個開放性的電子商務建構標準 (http://www.ebxml.org.tw/big5/index.jsp)</title>
<content type="html">Chui-Wen Chiu: ebXML是一個開放性的電子商務建構標準 (http://www.ebxml.org.tw/big5/index.jsp)</content>
<id>tag:twitter.com,2007-08-19T17:51:32+00:00:http://twitter.com/chui_wen_chiu/statuses/214515122</id>
<published>2007-08-19T17:51:32+00:00</published>
<updated>2007-08-19T17:51:32+00:00</updated>
<link type="text/html" href="http://twitter.com/chui_wen_chiu/statuses/214515122" rel="alternate"/>
</entry>
<entry>
<title>Chui-Wen Chiu: 加快OpenOffice執行速度的方法 (http://blog.xuite.net/emisjerry/tech/13078174)</title>
<content type="html">Chui-Wen Chiu: 加快OpenOffice執行速度的方法 (http://blog.xuite.net/emisjerry/tech/13078174)</content>
<id>tag:twitter.com,2007-08-19T17:35:47+00:00:http://twitter.com/chui_wen_chiu/statuses/214495672</id>
<published>2007-08-19T17:35:47+00:00</published>
<updated>2007-08-19T17:35:47+00:00</updated>
<link type="text/html" href="http://twitter.com/chui_wen_chiu/statuses/214495672" rel="alternate"/>
</entry>
...略

接著透過 .NET 的 XmlTextReader 以 SAX 方式循序讀取 ATOM，直到搜尋 <content> 標籤，其標籤內容即為 twitter 內容，因為 ATOM 是從新到就排序，所以第一筆極為最新消息，因此，整個完成的程序如下：

using System;
using System.Xml;

namespace ConsoleApplication1 {
class Program {
static void Main(string[] args) {
// Twitter ATOM URL
string url = "http://twitter.com/statuses/user_timeline/1713501.atom";
String statusMsg = String.Empty;
String username = String.Empty;
using (XmlTextReader xmlReader = new XmlTextReader(url)) {
while (xmlReader.Read()) {
if (xmlReader.Name == "content") {
// 取得 twitter 內容
String tmp = xmlReader.ReadString();

// 內容切割
String[] contents = tmp.Split(new char[] { ':' }, 2);
username = contents[0];
statusMsg = contents[1].Trim();

break;
}
}
}
Console.WriteLine("Username: {0}", username);
Console.WriteLine("Message: {0}", statusMsg);
}
}
}

執行結果

參考資料
[1] TWessenger

2007-08-15T12:04:00.000-07:00

(Javascript) Lazy Function Definition

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.08.16

Peter[1] 提出一種用於函數式編程的設計模式稱為"Lazy Function Definition"。首天他提出一個問題：

"撰寫一個 foo 函數，並回傳第一次呼叫 foo 的時間。"

針對這個問題，他提出下面四種不同的解法：

解法#1: 傳統解法-全域變數

var t; // 紀錄第一次呼叫 foo 的時間
function foo() {
    if (t) { // 假如已經有存放時間，則直接回傳
        return t;
    }

    t = new Date(); // 紀錄第一次呼叫時間
    return t;
}

上述解法有兩個問題：

1. 需要一個額外的全域變數 t，該變數有可能在呼叫 foo 時被修改

2. 程式碼在執行階段無法達到最佳效率。因為每次呼叫都需要進行條件評估。雖然上述範例的條件式損耗很廉價，但是真實情況的條件式可能是多層次的 if-else-else-... 結構。

解法 #2: Module Pattern

利用 Cornford and Crockford 所提出的 Module Pattern[2] 可以解決解法#1 的第一個問題，透過 closure 技法將全域變數封裝成只有 foo 內的程式可存取，如下：

var foo = (function() {
    var t; // 封裝在 foo 內的變數
    return function() {
        if (t) {// 假如已經有存放時間，則直接回傳            
	    return t;
        }
        t = new Date();// 紀錄第一次呼叫時間        
	return t;
    }
})();

這種解法仍有解法#1的第2個問題存在，仍需重複進行條件式評估。

解法 #3: 函數即物件-使用物件屬性保存狀態

function foo() {
    if (foo.t) { // 假如已經有存放時間，則直接回傳
 	return foo.t;
    }
    foo.t = new Date();// 紀錄第一次呼叫時間    
    return foo.t;
}

這個解法比 Module Pattern 更為簡潔，直接透過物件屬性存放資料，而不需要在產生一個額外的 Function Object。所以也能避免全域變數的問題。但這種解法仍有解法#1的第2個問題存在，仍需重複進行條件式評估。

解法 #4: Lazy Function Definition

var foo = function() {
    var t = new Date();
    foo = function() { // 改寫原先的函數定義
        return t; // Closure t
    };
    return foo(); // 套用新的 foo 函數回傳值
};

當 foo 第一次被呼叫時，會先實體化一個 Date 物件並重新指定將 Date 物件 Closure 的 foo 函數，透過重新的指定可以改寫原來的函數定義，因為 Date 物件已經被 Closure，所以會一直存在。透過此一解法可以避免解法#1的兩個問題。

因此上述原來的 foo 函數定義可以想像成初始化內部 foo。簡單的說，第一次呼叫 foo 的函數定義如上程式，但之後的程式碼定義則是如下：
function foo() {
return t; // Closure t
};

上述可透過下面的程式碼進行測試：

var foo = function() {
var t = new Date();
alert(1);
foo = function() {
return t;
};
alert(2)
return foo();
};
alert( foo() ); // 出現 1, 2, 日期
alert( foo() ); // 出現日期

應用：判斷不同瀏覽器的頁面捲動

var getScrollY = function() {


    if (typeof window.pageYOffset == 'number') {

        getScrollY = function() {
            return window.pageYOffset;
        };

    } else if ((typeof document.compatMode == 'string') &&
               (document.compatMode.indexOf('CSS') >= 0) &&
               (document.documentElement) &&
               (typeof document.documentElement.scrollTop == 'number')) {

        getScrollY = function() {
            return document.documentElement.scrollTop;
        };

    } else if ((document.body) &&
               (typeof document.body.scrollTop == 'number')) {

      getScrollY = function() {
          return document.body.scrollTop;
      }

    } else {

      getScrollY = function() {
          return NaN;
      };

    }

    return getScrollY();
}

透過 "Lazy Function Definition" 只需要在第一次花費條件式評估，對於重複呼叫的函數特別能夠改善效率。

補充

Firefox/Safari/Opera 的 getter methods[3] 能夠在屬性上模擬 "lazy definition" 如下：

this.__defineGetter__("foo", function() {
  var t = new Date();
  this.__defineGetter__("foo", function() {
    return t;
  });
  return t;
});

// To the user, foo appears as a plain old
// non-function valued property of the global object.
console.log(this.foo);
setTimeout(function(){console.log(this.foo);}, 3000);

參考資料
[1] Peter, "Lazy Function Definition Pattern"
[2] Eric Miraglia, "A JavaScript Module Pattern"
[3] "Core JavaScript 1.5 Guide:Creating New Objects:Defining Getters and Setters"

2007-08-08T10:57:00.000-07:00

C++ 使用 JScript 和 VBScript

Live Space、Google Doc、Google Blog
Chui-Wen Chiu
2007.08.08

測試環境
1. Windows XP Pro SP2
2. Visual Studio 2005

範例程式：下載

一般 C++ 會使用 Python 作為 Script 引擎，但本文將說明透過 Windows 內建的 Script 引擎，讓 C++ 可以使用 VBScript 或 JScript 引擎。一切的核心是由 Microsoft Scripting ActiveX （MSSCR.OCX)元件所提供，由於是 COM 元件，所以，其他支援 COM 的語言也可透過類似的方法達到。

以下是 C++ 使用 JScript 的簡單範例

#import "msscript.ocx" no_namespace
#include <comutil.h>
#include <tchar.h>

const TCHAR JSCRIPT[] = _T("JScript");
const int LANGUAGE_NAME_LEN = 40;

int main(int argc, _TCHAR* argv[]){
CoInitialize(NULL);

// 建立 COM 元件
IScriptControlPtr m_pScript;
HRESULT hr = m_pScript.CreateInstance(__uuidof(ScriptControl));
_com_util::CheckError( hr );

// 設定 Script Engine
TCHAR m_szLanguage[LANGUAGE_NAME_LEN+1];
_tcscpy(m_szLanguage, JSCRIPT);
m_pScript->PutAllowUI( VARIANT_FALSE );
m_pScript->PutLanguage( _bstr_t(m_szLanguage ) );

// 宣告一個新函數
_bstr_t strCode = _T("function calc(a, b){ return a+b; }");
m_pScript->AddCode( strCode );

// 參數設定
SAFEARRAY* saParameters;
saParameters = SafeArrayCreateVector(VT_VARIANT, 0, 2);
_variant_t var;

long lIndices = 0;
var = 33;
SafeArrayPutElement(saParameters, &lIndices, (void*)&var);

lIndices = 1;
var = 44;
SafeArrayPutElement(saParameters, &lIndices, (void*)&var);

// 呼叫函數 calc(33, 44) = 77
VARIANT varRet = m_pScript->Run("calc", &saParameters);
LPCTSTR result = (LPCTSTR)_bstr_t(varRet);

// 顯示結果
MessageBox(0, result, _T("Result"), 0);

m_pScript = NULL;

CoUninitialize();
return 0;
}

只要將上述程式稍作修改，即可改用 VBScript 引擎

#import "msscript.ocx" no_namespace
#include <comutil.h>
#include <tchar.h>

const TCHAR VBSCRIPT[] = _T("VBScript");
const int LANGUAGE_NAME_LEN = 40;

int main(int argc, _TCHAR* argv[]){
CoInitialize(NULL);

// 建立 COM 元件
IScriptControlPtr m_pScript;
HRESULT hr = m_pScript.CreateInstance(__uuidof(ScriptControl));
_com_util::CheckError( hr );

// 設定 Script Engine
TCHAR m_szLanguage[LANGUAGE_NAME_LEN+1];
_tcscpy(m_szLanguage, VBSCRIPT);
m_pScript->PutAllowUI( VARIANT_FALSE );
m_pScript->PutLanguage( _bstr_t(m_szLanguage ) );

// 宣告一個新函數
_bstr_t strCode = _T("Function calc(a,b) calc = CInt(a)+CInt(b) End Function");
m_pScript->AddCode( strCode );

// 參數設定
SAFEARRAY* saParameters;
saParameters = SafeArrayCreateVector(VT_VARIANT, 0, 2);
_variant_t var;

long lIndices = 0;
var = 33;
SafeArrayPutElement(saParameters, &lIndices, (void*)&var);

lIndices = 1;
var = 44;
SafeArrayPutElement(saParameters, &lIndices, (void*)&var);

// 呼叫函數 calc(33, 44) = 77
VARIANT varRet = m_pScript->Run("calc", &saParameters);
LPCTSTR result = (LPCTSTR)_bstr_t(varRet);

// 顯示結果
MessageBox(0, result, _T("Result"), 0);

m_pScript = NULL;

CoUninitialize();
return 0;
}

上述的片段用來了解 Script 引擎是相當好，可是實務上太過於瑣碎不容易維護。所以，[1] 提供兩個好用輔助類別：CScriptObject 和 CSafeArrayHelper。下面使用這兩個類別改寫上述 JScript 的範例。

#include <tchar.h>
#include <windows.h>

#include "ScriptObject.h"
#include "SafeArrayHelper.h"

int main(int argc, _TCHAR* argv[]){
CoInitialize(NULL);

CScriptObject* m_ScriptObj = new CScriptObject();

// 設定 Script Engine
m_ScriptObj->SetLanguage( _T("JScript") );

// 宣告一個新函數
m_ScriptObj->AddScript( _T("function calc(a, b){ return a+b; }") );

// 參數設定
CSafeArrayHelper sfHelper;
_variant_t var;
sfHelper.Create(VT_VARIANT, 1, 0, 2);
var = 33;
sfHelper.PutElement(0, (void*)&var);

var = 44;
sfHelper.PutElement(1, (void*)&var);

LPSAFEARRAY sa = sfHelper.GetArray();
_variant_t varRet;

// 呼叫函數
m_ScriptObj->RunProcedure(_T("calc"), &sa, &varRet);
LPCTSTR result = (LPCTSTR)_bstr_t(varRet);

// 顯示結果
MessageBox(0, result, _T("Result"), 0);

delete m_ScriptObj;

CoUninitialize();
}

上述三個範例的執行結果都是如下：

參考資料
[1] Ernest Laurentin, "Adding VBScript and JScript support in your C++ applications"

2007-08-01T20:03:00.000-07:00

Ext.js 釋出 1.1 版

Live Space、Google Doc、Google Blog
Chui-Wen Chiu
2007.08.02

本次更新包含獨立運作版本的 Ext，一個輕量級的 HTML 編輯器、新的 Ext.Ajax 應用類別，另外也強化 DateField 和 DatePicker 元件。

獨立運作版本的 Ext

可選擇性的引入外部函數庫，如：jQuery, YUI, prototype
有效降低佈署時的檔案大小
使用時只需要引入

ext-base.js
ext-all.js

輕量級 HTML 編輯器

強化版 DateField

新增解析使用者輸入的日期字串
新增年、月選擇方式

Ext.Ajax

1.0 版的 Ajax 與 YUI 綁在一起，1.1 版已經切割成可獨立運作的 Ajax 類別。

下載網址
1.1 版線上 API 文件

參考資料
[1] http://extjs.com/blog/2007/08/01/ext-v11-released/

2007-08-01T19:24:00.000-07:00

YUI 釋出 2.3 版

Live Space、Google Doc、Google Blog
Chui-Wen Chiu
2007.08.02

YUI 這次主要新增下面六大元件

Rich Text Editor: 跨瀏覽器的文字編輯器
Base CSS: 擴充原有的 YUI CSS 功能，共包含 Base CSS, Fonts CSS, Reset CSS, Grids CSS
YUILoader: 動態載入 YUI 元件
ImageLoader: 動態載入影像
ColorPicker: 色彩選擇元件
YUI Test Utility: YUI 單元測試工具

下載網址

參考資料
[1] YUI 2.3 Released: Rich Text Editor, Components, and Themes
[2] YUI 2.3.0: Six New Components and a Prettier Face

2007-07-31T08:21:00.000-07:00

C# 實作 ObjectFactory

MSN Space、Google Doc、Google Blog
Chui-Wen Chiu
2007.07.31

上次實作 C++ 版本的 ObjectFactory 之後，最近又需要實作 C# 版本的 ObjectFactory，於是在網路上找到[1]這篇文章。實作 ObjectFactory 的關鍵在於定義了 Factory Method 得 Delegate。讓需要納入 ObjectFactory 的每一個類別都需要實作該 Delegate。我們直接以 [1] 中的範例來了解 ObjectFactory 實作的概念。

首先定義 Factory Method 的 Delegate 如下：

/// <SUMMARY>
/// A handler function for the factory to create objects;
/// </SUMMARY>
public delegate AObject ObjectCreator(params object [] list);

接著定義要透過 ObjectFactory 生成的基礎類別，

/// <SUMMARY>
/// Summary description for AObject.
/// </SUMMARY>
public abstract class AObject
{
    #region Override

    /// <SUMMARY>
    /// Force all descendents to implement.
    /// </SUMMARY>
    public abstract void Print();

    #endregion

    #region protected

    /// <SUMMARY>Some variable to play with.</SUMMARY>
    protected Int32 m_nType;

    #endregion
}

[1] 使用抽象類別來實作，這不是必須的，你可以依據自己的需要作調整。接著定義你自己的類別族群，以下定義一個示範用的 Class1

/// <SUMMARY>
/// Summary description for Class1.
/// </SUMMARY>
public class Class1 : AObject
{
    #region Constants

    /// <SUMMARY>
    /// 識別碼
    /// </SUMMARY>
    public const Int32 ClassType = 1;

    #endregion
        
    #region C'tor

    /// <SUMMARY>
    /// Default C'tor.
    /// </SUMMARY>
    internal Class1()
    {
        this.m_nType = ClassType;
    }

    #endregion

    #region Overrides

    /// <SUMMARY>
    /// Implementation of Print.
    /// </SUMMARY>
    public override void Print()
    {
        String msg = String.Format("Class: {0, 20} Value: {1, 10}",
                                          ToString(), m_nType*67);
        Console.WriteLine(msg);
    }

    #endregion

    #region Static

    /// <SUMMARY>
    /// A handler function for the factory to create objects;
    /// </SUMMARY>
    /// The parameter list.
    /// <RETURNS>A Class1 object.</RETURNS>
    public static AObject ObjectCreator(params object[] list)
    {
        return new Class1();
    }

    #endregion
}

最後以上述為基礎所設計的 ObjectFactory 如下：

/// <SUMMARY>
/// Summary description for ObjectFactory.
/// </SUMMARY>
public class ObjectFactory
{
    #region Static

    /// <SUMMARY>
    /// Register handler functions to create new types of objects.
    /// </SUMMARY>
    /// The type of the object.
    /// The handler function.
    /// <RETURNS>true if successful.</RETURNS>
    public static bool RegisterHandler(Int32 type, ObjectCreator creator)
    {
        bool res = false;
        try
        {
            if (m_handlers[type] != null)
                return false;
            // insert the handler to the table according to the type.
            m_handlers[type] = creator;
            res = true;
        }
        catch(Exception ex)
        {
            Console.WriteLine("Can't register handler - "+ex.Message);
        }
        return res;
    }

    /// <SUMMARY>
    /// Unregister handler functions according to type.
    /// </SUMMARY>
    /// The type of the object.
    /// <RETURNS>true if successful.</RETURNS>
    public static bool UnregisterHandler(Int32 type)
    {
        bool res = true;
        try
        {
            if (m_handlers[type] == null)
                return res;
            // remove the handler to the table according to the type.
            m_handlers[type] = null;
            GC.Collect();
        }
        catch(Exception ex)
        {
            Console.WriteLine("Can't unregister handler - "+ex.Message);
            res = false;
        }
        return res;
    }

    /// <SUMMARY>
    /// This is the static method that creates all types of objects.
    /// </SUMMARY>
    /// <REMARKS>Factory method.</REMARKS>
    /// The key of objects to create.
    /// The parameter list for the object.
    /// <RETURNS>An object.</RETURNS>
    public static AObject CreateObject(Int32 type, params object [] list)
    {
        AObject aobject = null;
        try
        {
            // get the handler that creates the objects
            ObjectCreator creator = (ObjectCreator)m_handlers[type];
            // create the object with the handler.
            if (creator != null)
                aobject = creator(list);
        }
        catch(Exception ex)
        {
            Console.WriteLine("Can't get object from handler - "+ex.Message);
        }
        return aobject;
    }

    #endregion

    #region Protected

    /// <SUMMARY> A table holding the handlers for creating objects. </SUMMARY>
    protected static Hashtable m_handlers = new Hashtable();

    #endregion
}

ObjectFactory 很典型的會有三個 Method：註冊(RegisterHandler)、移除(UnregisterHandler)和生成(CreateObject)。移除的 Method 不是很必要，註冊是將需要透過 ObjectFactory 生成的 FactoryMethod 紀錄起來，並透過特定的識別碼可以索引，上述是透過 Hashtable 來作對照表，我個人習慣採用 Dictionay<>。生成是透過識別碼取出對應的 FactoryMethod 進行物件生成，這也是定義 ObjectCreator 的目的，如果沒有這個規範的呼叫介面，很難讓 ObjectFactory 生成各種物件。

以下是 ObjectFactory 的使用：

static void Main(string[] args)
{
    try
    {
        // 註冊 Factory Method
        ObjectFactory.RegisterHandler(Class1.ClassType, 
                new ObjectCreator(Class1.ObjectCreator));
        ObjectFactory.RegisterHandler(Class2.ClassType, 
                new ObjectCreator(Class2.ObjectCreator));
        ObjectFactory.RegisterHandler(Class3.ClassType, 
                new ObjectCreator(Class3.ObjectCreator));

	// 物件生成
        AObject aobject = null;
        // creating the objects
        for (int i = 0; i<100; i++)
        {
                aobject = ObjectFactory.CreateObject(i%3+1, null);
                aobject.Print();
        }

        // 移除 Factory Method
        if (!ObjectFactory.UnregisterHandler(Class1.ClassType))
            Console.WriteLine("Really ?!");

        // trying to create an unregistered type
        aobject = ObjectFactory.CreateObject(Class1.ClassType, null);
        if (aobject != null)
            aobject.Print();
        else
            Console.WriteLine("aobject is null");
    }
    catch (Exception ex)
    {
        Console.WriteLine(ex.Message);
    }
    Console.ReadLine();
}

參考資料
[1] Asa Meltzer, "Delegate Factory"

2007-07-26T06:48:00.000-07:00

建置 Silverlight 1.0 開發環境

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.07.26

下載
1. Sliverlight 1.0 Beta Runtime
2. Sliverlight SDK 1.0 beta
3. Microsoft Blend 2.0 Preview
4. Sliverlight SDK 1.1 alpha

安裝 Sliverlight 專案樣板

為了讓 VS 2005 能夠開發 Sliverlight，先下載 Sliverlight SDK(Silverlight1.0SDK.zip)，取出其中的 SilverlightBetaToolsForVS2005.zip，將內容解開後放置在 %My Document%Visual Studio 2005TemplatesProjectTemplatesSliverlight 1.0 beta，此時 VS2005 中可以使用 Sliverlight 專案，如下圖：

安裝 XAML IntelliSense
從 Silverlight1.0SDK.zip 中取出 silverlight.xsd，並放置在 C:Program FilesMicrosoft Visual Studio 8XmlSchemas 目錄下。

專案樣板程式碼研究
使用 Sliverlight 1.0 Beta 專案樣板產生的專案共會產生下面五個檔案：

Default.html -- HTML UI 定義

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SilverlightJSApplication1</title>

<script type="text/javascript" src="Silverlight.js"></script>
<script type="text/javascript" src="Default.html.js"></script>
<script type="text/javascript" src="Scene.xaml.js"></script>
</head>

<body>
<div id="SilverlightControlHost">
<script type="text/javascript">
createSilverlight(); // 建立 Sliverlight
</script>
</div>
</body>
</html>

Default.html.js -- HTML 事件處理

/**
* 建立 Sliverlight
*
*/
function createSilverlight()
{
var scene = new SilverlightJSApplication1.Scene();
Sys.Silverlight.createObjectEx({
source: "Scene.xaml",
parentElement: document.getElementById("SilverlightControlHost"),
id: "SilverlightControl",
properties: {
width: "400",
height: "400",
version: "0.9"
},
events: {
onLoad: Sys.Silverlight.createDelegate(scene, scene.handleLoad)
}
});
}

if (!window.Sys)
window.Sys = {};

if (!window.Silverlight)
window.Silverlight = {};

/**
* 產生 create Delegate
*
* @param instance Scense 物件
* @param method instance 的 method
* @return Function 呼叫 instance 的 member function 的 Function Object
*/
Sys.Silverlight.createDelegate = function(instance, method) {
return function() {
return method.apply(instance, arguments);
}
}

Scense.xaml -- XAML UI 定義

Scense.xaml.js -- XAML 事件處理

if (!window.SilverlightJSApplication1)
window.SilverlightJSApplication1 = {};

SilverlightJSApplication1.Scene = function()
{
}

SilverlightJSApplication1.Scene.prototype =
{
/**
* Sliverlight 事件載入完成的事件處理函式
*
* @param control
* @param userContext
* @param rootElement
*/
handleLoad: function(control, userContext, rootElement)
{
this.control = control;

// Sample button event hookup: Find the button and then attach event handlers
this.button = rootElement.children.getItem(0);

// 建立事件處理
this.button.addEventListener("MouseEnter", Sys.Silverlight.createDelegate(this, this.handleMouseEnter));
this.button.addEventListener("MouseLeftButtonDown", Sys.Silverlight.createDelegate(this, this.handleMouseDown));
this.button.addEventListener("MouseLeftButtonUp", Sys.Silverlight.createDelegate(this, this.handleMouseUp));
this.button.addEventListener("MouseLeave", Sys.Silverlight.createDelegate(this, this.handleMouseLeave));
},

/**
* 處理 Mouse Enter 事件
*
* @param sender
* @param eventArgs
*/
handleMouseEnter: function(sender, eventArgs)
{
var mouseEnterAnimation = sender.findName("mouseEnter");
mouseEnterAnimation.begin();
},

/**
* 處理 Mouse Down 事件
*
* @param sender
* @param eventArgs
*/
handleMouseDown: function(sender, eventArgs)
{
var mouseDownAnimation = sender.findName("mouseDown");
mouseDownAnimation.begin();
},

/**
* 處理 Mouse Up 事件
*
* @param sender
* @param eventArgs
*/
handleMouseUp: function(sender, eventArgs)
{
var mouseUpAnimation = sender.findName("mouseUp");
mouseUpAnimation.begin();

// Put clicked logic here
alert("clicked");
},

/**
* 處理 Mouse Leave 事件
*
* @param sender
* @param eventArgs
*/
handleMouseLeave: function(sender, eventArgs)
{
var mouseLeaveAnimation = sender.findName("mouseLeave");
mouseLeaveAnimation.begin();
}
}

Sliverlight.js -- Sliverlight 核心

/**
* Silverlight.js version 0.9
*
* This file is provided by Microsoft as a helper file for websites that
* incorporate Silverlight Objects. It must be used in conjunction with createSilverlight.js,
* or alternatively, a custom .js file specific to your site. The 0.9 version of this file is
* hard coded to match Microsoft Silverlight v1.0 Beta, which exposes 0.9 as its version number.
* This file is provided as is.
*
*/
if (!window.Sys)
{
window.Sys = { };
}
if (!window.Sys.Silverlight)
{
window.Sys.Silverlight = { };
}

/**
* 檢查是否安裝符合指定的 Sliverlight 版本
*
* ＠param version 版本
* @return true=已安裝, false=未安裝
*/
Sys.Silverlight.isInstalled = function(version)
{

var uaString = navigator.userAgent;
var reqVersionArray = version.split(".");
reqMajorVer = (reqVersionArray[0] != null) ? reqVersionArray[0] : 0;
reqMinorVer = (reqVersionArray[1] != null) ? reqVersionArray[1] : 9;
reqBuildVer = (reqVersionArray[2] != null) ? reqVersionArray[2] : 0;

/**
* 取得 Sliverlight 版本資訊
*
* @return 版本資訊
*/
function detectAgControlVersion()
{
agVersion = -1;

if ((navigator.plugins != null) && (navigator.plugins.length > 0))
{
if (document.getElementById && !document.all && navigator.plugins["WPFe Plug-In"] )
{
if (navigator.userAgent.indexOf("Firefox") != -1)
{
// ??
var tmpAgObjectTag = '<object id="tmpSilverlightVersion" width="1" height="1" type="application/ag-plugin"/>';
range = document.createRange();
range.selectNode(document.body);
range.setStartBefore(document.body);
tmpAgControlDiv = document.createElement('DIV');
document.body.appendChild(tmpAgControlDiv);
tmpAgControlDiv.innerHTML=tmpAgObjectTag;
agVersionElement=document.getElementById("tmpSilverlightVersion");
agVersion=agVersionElement.settings.version;
document.body.removeChild(tmpAgControlDiv);
}
else
{
agVersion = navigator.plugins["WPFe Plug-In"].description;
}
}
}
else if ((navigator.userAgent.indexOf('Windows') != -1) && (navigator.appVersion.indexOf('MSIE') != -1) )
{
try
{
var AgControl = new ActiveXObject("AgControl.AgControl");
agVersion = AgControl.settings.version;
AgControl = null;

}
catch (e)
{
agVersion = -1;
}
}
return agVersion;
}

var versionStr = detectAgControlVersion();
if (versionStr == -1 )
{
return false;
}
else if (versionStr != 0)
{
versionArray = versionStr.split(".");

var versionMajor = versionArray[0];
var versionMinor = versionArray[1];
var versionBuild = versionArray[2];

if (versionMajor > parseFloat(reqMajorVer))
{
return true;
}
else if (versionMajor == parseFloat(reqMajorVer))
{
if (versionMinor > parseFloat(reqMinorVer))
{
return true;
}
else if (versionMinor == parseFloat(reqMinorVer))
{
if (versionBuild >= parseFloat(reqBuildVer))
{
return true;
}
}
}
return false;
}
}

/**
* Silverlight event instance counter for memory mgt
*
*/
Sys.Silverlight._counterL = 0;

/**
* 建立 Sliverlight
*
* @param source xaml 檔案來源
* @param id <object> 標籤的識別 id
* @param properties 屬性集合，格式為 { name:value, name:value, name:value}
* @param events 事件集合，格式為 { name:value, name:value, name:value}
* @param initParams <param> 參數設定，格式為 { name:value, name:value, name:value}
* @param userContext
* @return Plugin 字串
*/
Sys.Silverlight.createObject = function(source, parentElement, id, properties, events, initParams, userContext)
{

var slPluginHelper = new Object();
var slProperties = properties;
var slEvents = events;
slPluginHelper.source = source;
slPluginHelper.parentElement = parentElement;
slPluginHelper.id = id;
slPluginHelper.width = slProperties.width;
slPluginHelper.height = slProperties.height;
slPluginHelper.background = slProperties.background;
slPluginHelper.isWindowless = slProperties.isWindowless;
slPluginHelper.framerate = slProperties.framerate;
slPluginHelper.ignoreBrowserVer = slProperties.ignoreBrowserVer;
slPluginHelper.inplaceInstallPrompt = slProperties.inplaceInstallPrompt;
slPluginHelper.enableHtmlAccess = slProperties.enableHtmlAccess;
slPluginHelper.initParams = initParams;

//memory management for onLoad event
if (slEvents.onLoad)
{
var uniqueID = '_sl' + (Sys.Silverlight._counterL++);
slPluginHelper.loadedHandlerName = 'javascript:' + uniqueID;

function _dispose()
{
if (window.detachEvent)
{
window.detachEvent('onunload', _dispose);
}
else
{
window.removeEventListener('unload', _dispose, false);
}
window[uniqueID] = null;
}

function _loadedHandler(sender)
{
slEvents.onLoad(document.getElementById(slPluginHelper.id), userContext, sender);
_dispose();
}

window[uniqueID] = _loadedHandler;
if (window.attachEvent)
{
window.attachEvent('onunload', _dispose);
}
else
{
window.addEventListener('unload', _dispose, false);
}
}
//set error handler
if (!slEvents.onError)
{
slPluginHelper.onError = "default_error_handler";
}
else
{
slPluginHelper.onError = slEvents.onError;
}

var slPluginHTML = "";

//direct download pointer
var directDownload;

if (navigator.userAgent.indexOf('Windows') != -1)
{
directDownload = "http://go.microsoft.com/fwlink/?LinkID=86008";
}

else if (navigator.userAgent.indexOf('PPC Mac OS X') != -1)
{
directDownload = "http://go.microsoft.com/fwlink/?LinkID=87380";
}

else if (navigator.userAgent.indexOf('Intel Mac OS X') != -1)
{
directDownload = "http://go.microsoft.com/fwlink/?LinkID=87384";
}
//point to correct image/landing page for Alpha (0.95.x) and Beta (0.90.x)
var inDirectDownloadPage, inDirectDownloadImage;

var curVer = slProperties.version.split(".");
majorVer = curVer[0];
minorVer = curVer[1];

//if Alpha, disallow inPlaceInstall
if (minorVer == "95")
{
slPluginHelper.inplaceInstallPrompt = false;
inDirectDownloadPage = "http://go.microsoft.com/fwlink/?LinkID=88363";
inDirectDownloadImage = "http://go.microsoft.com/fwlink/?LinkID=88365";
}
else
{
inDirectDownloadPage = "http://go.microsoft.com/fwlink/?LinkID=86009";
inDirectDownloadImage = "http://go.microsoft.com/fwlink/?LinkID=87023";

}

// text for Silverlight image link, used for non-inplaceInstallPrompt and unsupported browser

var silverlightLink = '<div style="width: 205px; height: 67px; background-color: #FFFFFF"><a href="'+inDirectDownloadPage+'"><img style="border:0"; src="'+inDirectDownloadImage+'"/></a></div>'
// detect supported browser version & that the correct version of WPF/e is installed, else display install

if (browserIsSupportedVersion(slPluginHelper))
{

if (Sys.Silverlight.isInstalled(slProperties.version))
{
slPluginHTML = buildHTML(slPluginHelper);
}
else if (!slPluginHelper.inplaceInstallPrompt)
{
slPluginHTML = silverlightLink;

}
else //inPlaceInstallPrompt
{
slPluginHTML += '<div style="width: 205px; height: 101px background-color: #FFFFFF;"><a href="'+directDownload+'"><img style="border:0"; SRC="http://go.microsoft.com/fwlink/?LinkID=87024"></a>';
slPluginHTML += '<div style="margin-top: -60px;text-align: center;color: #FFFFFF; font-size: 10px;font-family: Arial ">By clicking <b>Get Microsoft Silverlight</b> you accept the ';
slPluginHTML += '<a href="http://go.microsoft.com/fwlink/?LinkID=87025" style="text-decoration: underline;color: #FFFFFF;">Silverlight license agreement.</a></div>';
slPluginHTML += '<div style="margin-top: 8px;text-align: center;color: #FFFFFF; font-family: Arial; font-size: 10px;">Silverlight updates automatically, <a href="http://go.microsoft.com/fwlink/?LinkID=87026" style="text-decoration: underline;color: #FFFFFF;">learn more.</a></div></div>';

}
}
else
{
slPluginHTML = silverlightLink;

}
// insert the HTML into the requested host element or return <object> tag.
if(parentElement != null)
{
parentElement.innerHTML = slPluginHTML;
}
else
{
return slPluginHTML;
}

}

/**
* 檢測瀏覽器是否支援 Sliverlight
*
* @param slPluginHelper Plugin 參數
* @return true=支援, false=不支援
*/
function browserIsSupportedVersion(slPluginHelper)
{
var supportedBrowser = true;

if (slPluginHelper.ignoreBrowserVer == true)
{
return supportedBrowser;
}
else
{
var supportedBrowser = false;
}

// detection for Internet Explorer 6.0+, 32-bit only
if (navigator.userAgent.indexOf('MSIE') != -1)
{
if (navigator.userAgent.indexOf('Win64') == -1)
{
var tempVersion = navigator.userAgent.split("MSIE");
browserMajorVersion = parseInt(tempVersion[1]);
if (browserMajorVersion >= 6.0)
{
supportedBrowser = true;
}
}
}
// detection for Firefox 1.5+ and 2.0
else if (navigator.userAgent.indexOf("Firefox") != -1)
{
var tempVersion = navigator.userAgent.split("Firefox/");
tempVersion = tempVersion[1].split(".");
browserMajorVersion = parseFloat(tempVersion[0]);
browserMinorVersion = parseFloat(tempVersion[1]);

if (browserMajorVersion >= 2)
{
supportedBrowser = true;
}
else
{
if ((browserMinorVersion >= 5))
{
supportedBrowser = true;
}
}
}
else if (navigator.userAgent.indexOf("Safari") != -1)
{
supportedBrowser = true;
}

return supportedBrowser;
}

/**
* 建立控制像實體的 HTML
*
* 預設範例動態產生如下的 HTML
* <OBJECT id="SilverlightControl" type="application/ag-plugin" height="400" width="400">
* <PARAM value="Scene.xaml" name="source" />
* <PARAM value="default_error_handler" name="onError" />
* <PARAM value="javascript:_sl0" name="onLoad" />
* </OBJECT>
*
* @param slPluginHelper Plugin 參數
* @return HTML 字串
*/
function buildHTML(slPluginHelper)
{
var slPluginHTML = '<object type="application/ag-plugin" id="'+slPluginHelper.id+'" width="'+slPluginHelper.width+'" height="'+slPluginHelper.height+'" >';

if (slPluginHelper.source != null)
{
slPluginHTML += ' <param name="source" value="'+slPluginHelper.source+'" />';
}
if (slPluginHelper.framerate != null)
{
slPluginHTML += ' <param name="maxFramerate" value="'+slPluginHelper.framerate+'" />';
}

slPluginHTML += ' <param name="onError" value="'+slPluginHelper.onError+'" />';

if (slPluginHelper.background != null)
{
slPluginHTML += ' <param name="background" value="'+slPluginHelper.background+'" />';
}
if (slPluginHelper.isWindowless != null)
{
slPluginHTML += ' <param name="windowless" value="'+slPluginHelper.isWindowless+'" />';
}
if (slPluginHelper.initParams != null)
{
slPluginHTML += ' <param name="initParams" value="'+slPluginHelper.initParams+'" />';
}
if (slPluginHelper.enableHtmlAccess != null)
{
slPluginHTML += ' <param name="enableHtmlAccess" value="'+slPluginHelper.enableHtmlAccess+'" />';
}
if (slPluginHelper.loadedHandlerName != null)
{
slPluginHTML += ' <param name="onLoad" value="'+slPluginHelper.loadedHandlerName+'" />';
}

slPluginHTML += '</object>';

if (navigator.userAgent.indexOf("Safari") != -1)
{
// disable Safari caching
// for more information, see http://developer.apple.com/internet/safari/faq.html#anchor5
slPluginHTML += "<iframe style='visibility:hidden;height:0;width:0'/>";
}

return slPluginHTML;
}

/**
* 預設錯誤處理函式
*
* @param sender
* @param args
*/
function default_error_handler(sender, args)
{
var iErrorCode;
var errorType = args.ErrorType;

iErrorCode = args.ErrorCode;

var errMsg = "nSilverlight error message n" ;

errMsg += "ErrorCode: "+ iErrorCode + "n";

errMsg += "ErrorType: " + errorType + " n";
errMsg += "Message: " + args.ErrorMessage + " n";

if (errorType == "ParserError")
{
errMsg += "XamlFile: " + args.xamlFile + " n";
errMsg += "Line: " + args.lineNumber + " n";
errMsg += "Position: " + args.charPosition + " n";
}
else if (errorType == "RuntimeError")
{
if (args.lineNumber != 0)
{
errMsg += "Line: " + args.lineNumber + " n";
errMsg += "Position: " + args.charPosition + " n";
}
errMsg += "MethodName: " + args.methodName + " n";
}

alert(errMsg);
}

/**
* createObjectEx, takes a single parameter of all createObject parameters enclosed in {}
*
* @param params
* @return
*/
Sys.Silverlight.createObjectEx = function(params)
{
var parameters = params;
var html = Sys.Silverlight.createObject(parameters.source, parameters.parentElement, parameters.id, parameters.properties, parameters.events, parameters.initParams, parameters.context);
if (parameters.parentElement == null)
{
return html;
}

}

執行結果
[Firefox 2.0.0.5]

[IE 6]

補充
1. Sliverlight 元件的 ProgID 為 AgControl.AgControl，元件檔案位於 C:Program FilesMicrosoft Silverlightnpctrl.dll，CLASS_ID 為 {32C73088-76AE-40F7-AC40-81F62CB2C1DA}

2007-07-24T00:52:00.000-07:00

解決『無法為 Script "XXX.JS"找到Script引擎 "JScript"』錯誤

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.07.24

你是否執行*.vbs 或 *.js 時會出現如下的錯誤訊息呢？

要解決這個問題，首先檢查 c:windowssystem32wscript.exe 是否存在，如果不存在，請到 Mcirosoft 安裝 WSH。如果存在，請在"開始 | 執行"地方輸入
regsvr32 VBScript

完成 VBScript 元件註冊。再執行
regsvr32 JScript

完成 JScript 元件註冊。透過上述元件註冊應該可以修正問題。

參考資料
[1] Can't find script engine VBScript

2007-07-16T23:50:00.000-07:00

透過 URL 另存 Google Doc 和 Spreadsheet 檔案

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.07.17

Google Doc

取得 Doc Id

http://docs.google.com/Doc?id=dcxw59mr_1601czrsfc
http://docs.google.com/Doc?docid=dcxw59mr_1601czrsfc
http://docs.google.com/View?docid=[ID]

套用 SaveAs 的 URL 服務

http://docs.google.com/MiscCommands?command=saveasdoc&exportformat=[FORMAT]&docID=[ID]

[FORMAT] 可設定為 pdf, doc, oo(OpenOffice 文件), rtf, txt
[ID] 為 Doc Id，由步驟1取得

範例

http://docs.google.com/MiscCommands?command=saveasdoc&exportformat=pdf&docID=dcxw59mr_1601czrsfc

Google Spreadheet

取得 ID

http://spreadsheets.google.com/pub?key=[ID]

套用 Export 服務

http://spreadsheets.google.com/pub?key=[ID]&output=[FORMAT]

[FORMAT] 可設定為 pdf, ods (for OpenOffice spreadsheets), csv, txt
[ID] 步驟1 取得

參考資料
[1] Download Published Documents and Spreadsheets

2007-07-09T05:11:00.000-07:00

設計問題：如何彈性動態生成各種物件

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.07.09

問題描述：
最近需要改寫一個繪圖系統，這個繪圖系統實作了 Serialize 和 Unserialize，Serialize 將圖形以 XML 方式儲存在檔案。Unserialize 反向運作產生對應圖形。Unserialize 由於使用 if ... else ... 方式還原對應圖形，且每一個圖形的建構參數不一定相同。原始的作法是

// ... xml 解析
IShape* obj = NULL;
if ( id == ID_LABEL){
obj = new CLabel("abc", 12);
// obj do something
}else if (id == ID_LINE){
obj = new CText("abc", 12, true);
// obj do something
}else if (id == ID_RECT){
obj = new CRECT(0, 0, 100, 150, COLOR_RED);
// obj do something
}else ....

}

if (obj != NULL){
AddCanvas(obj);
}

如果我要新增一個圖形，不只要實作類別，還要維護這一大串 if ... else ... 實在不太方便。有什麼好的設計可以修正這個問題？

解決方式：
這個問題我已經從 Andrei Alexandrescu "Mordern C++ Design" 獲得一個不錯解法，這個解法就是透過 ObjectFactory ，顧名思義就是產生 Object 的工廠，問題是每一種物件的產生方式皆不相同，那 ObjectFactory 要如何產生呢？關於這個問題解法就是透過一個簡單的註冊機制，每一個類別要能夠透過 ObjectFactory 產生對應物件，並需先在將 Factory Method 註冊在 Object Factory，如此就解決物件生成問題，這個部份的程式碼片段類似

// MyObjectFactory.h
typedef IShape* (FactoryMethod*)(void*);
class MyObjectFactory{
public:
bool Register(std::string id, FactoryMethod func){
m_func[id] = func;
}

IShape* Create(std::string id, void* param){
if (m_func.find(id) != m_func.end()){
return m_func[id]( param );
}

return NULL;
}
private:
std::map<std::string, FactoryMethod> m_func;
};

// 實作簡單的 Singleton
static MyObjectFactory g_ofactory;

有了上述的 ObjectFactory 就可以改寫原來的程式為如下：
IShape* obj;
// ... 產生 Factory Method 必要 param
obj = g_ofactory.Create(id, ....);
if (obj != NULL){
AddCanvas(obj);
}

上述解法看似美好，可是還有一個問題，新增的類別何時且在哪註冊呢？這個問題 Andrei 也有提到，只需要在每一個類別所屬的檔案中加入如下的程式碼即可：

// CLine.h
#include <MyObjectFactory.h>
class CLine: public IShape{
public:
static IShape* Create(void* param){
// ...
return new CLine(...);
}
};
const std::string id_line = "line";
namespace LineNS{
bool r = g_ofactory.Register(id_line, CLine::Create);
}

// CRect.h
#include <MyObjectFactory.h>
class CRect: public IShape{
public:
static IShape* Create(void* param){
// ...
return new CRect(...);
}
};
const std::string id_rect = "rect";
namespace RectNS{
bool r = g_ofactory.Register(id_rect, CRect::Create);
}

經由上述的說明，這個重構後的系統，未來如果要擴充新的 Shape 或移除舊的 Shape，只需要引入/移除 Header 檔，是不是簡單多了呢？ ^^
更多實作的細節可以參考[1] 所實作的 Loki Library。

參考資料
[1] Andrei Alexandrescu, "Mordern C++ Design"

2007-07-09T02:08:00.000-07:00

boost::assign 的 list_of(), map_list_of() 初始化陣列

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.07.09

測試環境
1. Windows XP Pro SP2
2. Visual Studio 2005
3. Boost Library 1.35

list_of() 是用來初始化容器，透過這個函數可以建立匿名串列並轉換成任意容器型別。對於 map 容器則可以使用 map_list_of() 函數。以下事一個簡單的測試範例：

#include "stdafx.h"
#include <boost/assign/list_of.hpp>
#include <boost/array.hpp>
#include <iostream>
#include <algorithm>
#include <vector>
#include <map>

using namespace std;
using namespace boost;
using namespace boost::assign;

struct Person{
Person(string n): name(n){
}

std::string name;
};

template<typename T>
void print(T data){
std::cout << data << "n";
}

template<>
void print( pair<int, const char*> data){
std::cout << data.first << ": " << data.second << "n";
}

template<>
void print( Person data){
std::cout << "Person's Name: " << data.name.c_str() << "n";
}

int _tmain(int argc, _TCHAR* argv[]){
array<int, 6> a = list_of(1)(2)(3)(4)(5)(6);
for_each(a.begin(), a.end(), print<int>);

cout << "list_of for arrayn";
array<const char*, 3> b= list_of("Arick")("Mavis")("Chui-Wen Chiu");
for_each(b.begin(), b.end(), print<const char*>);

cout << "list_of for vectorn";
vector<int> v = list_of(10)(20)(30);
for_each(v.begin(), v.end(), print<int>);

vector<Person> vp = list_of( Person("Arick") )(Person("Mavis"))( Person("Chui-Wen Chiu"));
for_each(vp.begin(), vp.end(), print<Person>);

cout << "map_list_of TESTn";
map<int, const char*> m = map_list_of(0, "Arick")(1, "Mavis")(2, "Chui-Wen Chiu");
for_each(m.begin(), m.end(), print< pair<int, const char*> >);

return 0;
}

參考資料
[1] http://www.boost.org/libs/assign/doc/index.html#list_of

2007-07-04T23:58:00.000-07:00

(BCB) TScrollBox 元件如何處理滾輪事件

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.07.05

測試環境：
1. Windows XP Pro SP2
2. Borland C++ Builder 6.0

問題：
當滑鼠位於 TScrollBox 上時，使用滾輪會自動捲動。

解決：
由於 TScrollBox 本身並沒有對 ONMOUSEWHEEL ONMOUSEWHEELDOWN ONMOUSEWHEELUP 等事件進行滾動處理，但是有支援 OnMouseWheel, OnMouseWheelDown OnMouseWheelUp 等事件，所以，可以手動在這些事件中新增滾動處理。如下程式片段：

void __fastcall TForm1::ScrollBox1MouseWheelDown(TObject *Sender,
TShiftState Shift, TPoint &MousePos, bool &Handled)
{
++ScrollBox1->VertScrollBar->Position;
}
//---------------------------------------------------------------------------

void __fastcall TForm1::ScrollBox1MouseWheelUp(TObject *Sender,
TShiftState Shift, TPoint &MousePos, bool &Handled)
{
--ScrollBox1->VertScrollBar->Position;
}

2007-07-02T00:04:00.000-07:00

網頁加上 Google 的 MP3 Player

MSN Space、Google Doc 、Google Blog
Chui-Wen Chiu
2007.07.02

[1] 提供一種可將 Gmail 中的 mp3 player 加入到自己網頁中的法，研究一下發現，他無法在 IE 上正常 Work，不過他的方法我想事直接從 Gmail 從挖出來的，於是我也依循這條線索挖出完整的 Code，下面就是去除不必要屬性後的片段，藍色字你的 mp3 url。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=big5"/>
<meta name="author" content="Chui-Wen Chiu">
</head>
<body>
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
height="27" width="320">
<param name="FlashVars" value="audioUrl=http://sisimi.pchome.googlepages.com/test.mp3"/>
<param name="movie" value="http://mail.google.com/mail/html/audio.swf"/>
<param name="wmode" value="transparent" />
<param name="quality" value="best" />

<embed
type="application/x-shockwave-flash"
wmode="transparent"
src="http://mail.google.com/mail/html/audio.swf?audioUrl=http://sisimi.pchome.googlepages.com/test.mp3"
quality="best"
height="27" width="320"/>
</object>
</body>
</html>

測試網頁
http://sisimi.pchome.googlepages.com/gm.html

測試結果(IE 和 Firefox 畫面一致)

補充
mp3 僅供測試用途，如危害你的權益煩請告知會立即移除。

參考資料
[1] Listen to MP3 Files Online Using Google's Flash Player

NoteBox

《不能戳的秘密》

梁靜茹-沒有如果

沖馬桶的正確觀念

范瑋琪 最重要的決定

不就是一台車有必要玩這麼大嗎

伊甸愛心園丁

No Pain No Gain

簡單快速取出 chm 中的圖片

VS2008 對 Javascript 的支援

前言

Javascript Intellisense

AJAX, ASP.NET, Web Service 對 Javascript Intellisense 支援

Javascript 偵錯

偵測外部網頁

常見問題

參考資料

VS2008 對 Javascript 的支援

前言

Javascript Intellisense

AJAX, ASP.NET, Web Service 對 Javascript Intellisense 支援

Javascript 偵錯

偵測外部網頁

常見問題

參考資料

Vista 的 Session 0 Isolation 問題

前言

何謂 Session 0 Isolation?

可能解決方式

總結

參考資料

解法#1: 傳統解法-全域變數

解法 #2: Module Pattern

解法 #3: 函數即物件-使用物件屬性保存狀態

解法 #4: Lazy Function Definition

應用：判斷不同瀏覽器的頁面捲動

范瑋琪最重要的決定