毛豆的備忘錄暨開發實記

一個陰影半透明效果 DIV+CSS

毛豆 — Fri, 21 Nov 2008 18:23:00 GMT

連
吱吱

這真是個好方法：

我們的郵局網站(系列一)

毛豆 — Fri, 31 Oct 2008 16:33:00 GMT

前幾天去郵局辦了點事情，當時因為離我還有三十個人，於是我跑到他們的公佈欄看了下海報，想說學點平面設計的觀念。當時看到了其中一份海報印有【郵局代收貨款】，好奇心驅使我上Google網站查資料。
在找到網站資料後，我順便看一下郵局網站到底能做些什麼。大概使用半小時後，發覺了一些問題和優點，優點就先不談，放到這文章最後去吧，總是要罵一罵，再找理由安慰嘛，呵呵。

首先看看查到什麼資料：

嗯，看完了很簡單明瞭的網頁內容後，我們再看另一份：

這兩頁是同一頁，網址：http://www.post.gov.tw/post/internet/ads/mons/service.htm，平平同一個網頁，為什麼會差這麼多呢？第一張圖是用Firefox 3觀看的，第二張使用的是IE6和Opera 9.6看的結果。

其中落差最大的其實不是畫面的美觀程度，而是頁尾的兩張圖，也就是【(附圖一)代收貸款郵件託運單】以及【(附件二)詳情單】的部份，Firefox 3里看不到這兩張圖片（其實所有圖片都看不到），所以如果使用Firefox 3的人沒注意到，可能會漏看許多資訊。

造成這種嚴重錯誤（因為換瀏覽器而不能觀看正常的內容，對我而言是網頁設計師的嚴重錯誤，尤其它是個html檔而不是動態的伺服器檔）的原因還不清楚，最近在準備考土銀的考試，沒有時間很細心的研究html碼，只看了個大概。

優點嘛，只要是圖它們都有滑鼠移過會顯示標題出來，如下圖：

這在網頁設計也是很重要的，甚至被列入無障礙設計的一環，因為語音瀏覽器這樣才會把它唸出來，對視力較差的網友們是很友善的設計。

郵局網站系列之一到此完畢。

決定要搬網誌了

毛豆 — Fri, 10 Oct 2008 21:09:00 GMT

一直以來我都是firefox的用戶，藍色小舖的鳥rich editor卻常常讓我發表後，回應個【你需要放入正文】的英文，接著把我辛苦寫的東西吃掉（ie一切正常哦，都不會出錯）。

剛才又發生了一次，這次不小心就怒到，我決定要著手搬家到Blogger，google的給的操控度更加靈活，也不用擔心動不動文字就被吃光光。

過幾天完成後再到這來發公告…

CSS 排版觀念：Position

毛豆 — Thu, 09 Oct 2008 11:45:00 GMT

以下內容轉自：jaceju的網站製作學習誌中的CSS 排版觀念：Position

CSS 排版觀念：Position

很多人都會用圖層來製作網頁，或許常會聽到所謂的絕對位置和相對位置。其實它們都是 CSS 中 position 的設定值，透過設定 position ，便能讓我們隨意移動元素的位置。

不過它們之間到底有什麼不同呢？本文做個簡單的說明。

參數說明

首先我把其中的關係整理成表：

CSS 排版觀念 position 參數說明
position 參數 / 參數說明	absolute	relative	static(預設值)	fixed
中文意義	絕對位置	相對位置	靜態位置	固定位置
畫面位置參考基準	父元素內容區邊界	原本應該在的位置	不變	不指定：原本應該在的位置指定：螢幕視窗最大可視範圍邊界 (或框架邊界)
移動參考基準	文件	文件	文件	螢幕視窗最大可視範圍
可改變顯示位置	是	是	否	是
可調整大小	是	display 為 block ：是 display 為 inline ：否	display 為 block ：是 display 為 inline ：否	是
從顯示流程中去除	是	否	否	是

當我們對元素的 position 屬性，指定了 absolute、 relative 或 fixed 後，這個元素就可以移動了。我們可以用 top, left, right, bottom 這四種屬性來指定元素要呈現的位置。

由於 IE 不支援 position: fixed ，使得固定位置這個好用的技巧一直不受大家的重視。但在這裡我還是提一下。你可以使用 FireFox 來感受一下固定位置的強大威力，或是等待新版的 IE 支援。

接下來我們來解釋上面的表列裡，每個參數說明的意義。

畫面位置參考基準

以絕對位置 (position: absolute) 而言，故名思義，它是以父元素的邊界為絕對起點。例如如果我們設定 top: 50px ，那麼這個元素就會在距離父元素內容區上邊界 50px 的地方呈現，如下圖：

補充：如果父元素的 position 不是 absolute 或 relative 時，那麼元素的位置就會再對應到父元素的上層元素；如果其親代元素的 position 都沒有設定 absolute 或 relative 時，就以螢幕視窗最大可視範圍邊界為基準。

而以相關位置 (position: relative) 而言，其意義就是相對於原本的位置。例如我們指定 top: 50px 時，那麼這個元素就會從原本應該呈現的位置往下移動 50px 。如下圖，紅色虛線部份就是未設定 position: relative 前，元素原該應該在的位置：

而固定位置 (position: fixed) 指的就是固定在螢幕視窗最大可視範圍上，如果不指定位置 (top, left, right, bottom) 時，那元素就會固定在原本的位置；而指定位置後，就會以螢幕視窗最大可視範圍的邊界為絕對基準點。如果頁面內容超過螢幕視窗最大可視範圍大小時，那麼不論我們如何捲動頁面，元素都會固定在螢幕視窗最大可視範圍上我們所指定的位置。

移動參考基準

當頁面可以捲動的時候，absolute 、 relative 、 static 都會跟著移動。只有 fixed 會固定在螢幕視窗最大可視範圍上，不會跟著移動。

可改變顯示位置

就是我們可以透過指定元素的 top, left, right, bottom 四個屬性，使元素改變顯示位置。如果元素是 position: static 時，會自動忽略所設定的 top, left, right, bottom 。

可調整大小

我們可以透過 width, height 來調整元素內容區的大小，不過當 position 是 relative 或是 static 時，元素的 display 屬性必須為 block 才可調整其大小。

從顯示流程中去除

顯示流程的意義就是頁面上的每一個元素的呈現，換句話說，就是該元素會出現的位置，及其佔用的空間等等。

我們可以將原來的頁面想成是一個圖層，每個元素都是一個一個緊接在前一個元素後面。如下圖，在尚未指定 position 時，粉紫色區塊會緊接在淺藍色區塊後。

請注意，我在這裡提到的圖層，指的是瀏覽器去解譯 HTML 後，將元素呈現出來的圖層，而非一般我們所認為，以絕對位置呈現的圖層；你可以把它想像成是 Photoshop 裡的圖層。

當我們指定淺藍色區塊的 position 屬性為 absolute 或 fixed 後，淺藍色區塊就會跑到另一個圖層；而粉紫色區塊因為淺藍色區塊已經從原圖層的顯示流程中去除了，所以它就自動往上跑。如下圖，紅色虛線就是粉紫色區塊原本的位置。

而元素如果指定為 relative 時，雖然也能移動，但原本的頁面圖層還是會保留該元素所佔有的空間。

後記

或許你在看完這篇文章之後，還是無法很清楚地瞭解 position 屬性的運作方式。建議你打開你的瀏覽器 (最好是用 FireFox)，再用你慣用的 HTML 編輯器去試試它們之間的差異。然後回來看看這篇文章，你也許就能明白我的意思。

補充：如果頁面在框架裡時 (frame 或 iframe) ，所有參照螢幕視窗最大可視範圍邊界的元素就會改為參照框架邊界。

範例

以下這個範例，你可以看到設定 position 前及設定 position 後的關係：

CSS 大眾使用命名

毛豆 — Thu, 09 Oct 2008 11:24:00 GMT

以下內容轉自：http://my-web-design.blogspot.com/2007/12/css.html
我只用表格重新做了排版，資料中含有許多重覆和錯誤，但仍有參考價值。

(一)一般命名

頭	header	搜索	search
內容	content/container	友情鏈接	friendlink
尾	footer	頁腳	footer
導航	nav	版權	copyright
側欄	sidebar	滾動	scroll
欄目	column	內容	content
頁面外圍控制整體佈局寬度	wrapper	標籤頁	tab
左右中	left right center	文章列表	list
登錄條	loginbar	提示信息	msg
標誌	logo	小技巧	tips
廣告	banner	欄目標題	title
頁面主體	main	加入	joinus
熱點	hot	指南	guild
新聞	news	服務	service
下載	download	註冊	regsiter
子導航	subnav	狀態	status
菜單	menu	投票	vote
子菜單	submenu	合作夥伴	partner

(二)註釋的寫法:
/* Footer */
內容區
/* End Footer */

(三)id的命名

(1)頁面結構
容器	container	內容	content/container
頁頭	header	頁面主體	main
頁尾	footer	欄目	column
導航	nav	頁面外圍控制整體佈局寬度	wrapper
側欄	sidebar	左右中	left right center

(2)導航
導航	nav	頂導航	topnav
主導航	mainbav	邊導航	sidebar
子導航	subnav	左導航	leftsidebar
菜單	menu	右導航	rightsidebar
子菜單	submenu	標題	title
摘要	summary

(3)功能
標誌	logo	廣告	banner
登陸	login	登錄條	loginbar
註冊	regsiter	搜索	search
功能區	shop	標題	title
加入	joinus	狀態	status
按鈕	btn	滾動	scroll
標籤頁	tab	提示信息	msg
文章列表	list	當前的	current
小技巧	tips	圖標	icon
註釋	note	指南	guild
服務	service	熱點	hot
新聞	news	下載	download
投票	vote	合作夥伴	partner
友情鏈接	link	版權	copyright

(四)class的命名

(1)顏色:使用顏色的名稱或者16進制代碼,如 .red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }	(3)對齊樣式,使用對齊目標的英文名稱,如 .left { float:left; } .bottom { float:bottom; }
(2)字體大小,直接使用"font+字體大小"作為名稱,如 .font12px { font-size: 12px; } .font9pt {font-size: 9pt; }	(4)標題欄樣式,使用"類別+功能"的方式命名,如 .barnews { } .barproduct { }

注意事項::

1.一律小寫;

2.儘量用英文;

3.不加中槓和下劃線;

4.儘量不縮寫，除非一看就明白的單詞.

主要的 master.css

模塊 module.css

基本共用 base.css

佈局，版面 layout.css

主題 themes.css

專欄 columns.css

文字 font.css

表單 forms.css

補丁 mend.css

打印 print.css

快記-Visual Studio 2005錯誤處理

毛豆 — Tue, 30 Sep 2008 17:49:00 GMT

為了幫表姐寫一些東西，我灌了Visual Studio 2005

結果很orz的在我把網頁拉完後，一拉AccessDataSource後，就直接當給我看。之後整個網頁編輯的部份完全無法切到設計模式去，只能在原始碼編輯模式用。我灌這軟體就是為了用設計模式，快速的拉一些物件再來慢慢調整的

後來畫面提示我下命令：devenv /resetskippkgs

當然它的提示仍然還是很不人性化，我是查了下面的網頁才懂它是在寫些什麼。

http://hi.baidu.com/uvise/blog/item/c0ba2a309e99299aa8018e20.html

為了怕以後文章消失，我查不到資料，所以放到這邊來…下面是該文全文

1、數據為空。不能對空值調用此方法或屬性。

原因：

若對象是null，那麼調用對象的方法例如ToString()肯定出錯一般是數據庫字段的值為空。在grideview等數據控件常出現。

解決：因此建議作NULL處理。

2、檢測到有潛在危險的Request.Form值

原因：

(1)在提交數據的頁面或webconfig中沒有對validateRequest的屬性進行正確的設置；

(2)HTML裡面寫了兩個

解決：

方案一：在.aspx文件頭中加入這句：

<%@ Page validateRequest="false"  %>

方案二：修改web.config文件：

<configuration>
<system.web> 
<pages validateRequest="false" /> 
</system.web> 
</configuration>

因為validateRequest默認值為true。只要設為false即可。

如果設置EnableViewState="False" 和EnableViewStateMac = "False" ，那麼客戶端就可以篡改viewstate後回發給服務器，而服務器不能識別viewstate已經被篡改了，從而導致安全問題。

如果設置（asp.net 默認的設置）EnableViewState="true" 和EnableViewStateMac = "true"，則服務端就可以識別篡改後的viewstate，一經識別viewstate被篡改，服務器可以關閉相應的操作。

3、「在沒有任何數據時進行無效的讀取嘗試」解決辦法

原因：

所返回的sqldatareader無數據記錄，但沒有作記錄判斷力處理。返回的是空值。加上判斷即可：

if (reader.read()) { TextName.Text = reader["FieldName"].ToString(); }

4、閱讀器關閉時，FieldCount 的嘗試無效

原因：

使用了SqlDataReader來綁定數據後,將connection對象作了Close()處理。

類似：

public SqlDataReader    GetSomething()
{    
conn.open();  
SqlDataReader    reader = 
sqlcmd.ExcecutReader(CommandBehavior.CloseConnection));  
conn.close();// occur error    here    
return    reader;    
}

在綁定的時候調用了這個方法來指定數據源。如果使用這個方法則需要在調用函數中關閉Reader這樣conn就可以自動關閉。

如果是使用的是SqlDataAdapter和DataSet那麼請去掉顯式關閉conn的調用。或者在finally中調用之。

5、未能映射路徑

原因：可能是在webconfig中的路徑配置不正確所致。

<add key="FCKeditor:BasePath" value="~/admin/fckeditor/"/>
<add key="FCKeditor:UserFilesPath" value="/UserFiles/" />

6、Unreachable code detected

原因：

一般是在異常處理理或返回值時使用了 throw 或return ，可能是其位置放在前面，造成後面的代碼執行到了。

解決：

把相關的異常拋出處理的語句(throw）或return 的語句放到代理執行的最後一行。

7、索引超出範圍。必須為非負值並小於集合大小。

原因：

(1)沒有設置DATAKEYFIELD設為數據庫中相對應的唯一字段（一般是主鍵)；

(2)DataGrid1.Columns > e.Item.Cells

解決：

(1)設置datakeyfield；
(2)加入判斷語句datagrid1.item.count (datagrid可以是其它相類似的服務器控件)。

8、數據為空。不能對空值調用此方法或屬性。

9、數據源不支持服務器端的數據分頁。

解決方法：

不要使用DataReader，改成使用DataSet：或使用自定義分頁形式，不採用vs.net提供的分頁功能。

OleDbDataAdapter da = new OleDbDataAdapter(sql, connection);
DataSet ds2 = new DataSet();
da.Fill(ds2, "News");
GridView1.DataSource = ds2;
GridView1.DataBind();

10、對象名'***** '無效

原因：當前使用的數據庫中沒有*****這張表。

解決：查看是否程序中是否寫錯了所調用的表的名稱或看一下SQL數據庫中是否存在你所調用的表。

11、在建立與服務器的連接時出錯。在連接到SQL Server 2005時，在默認的設置下SQL Server不允許進行遠程連接可能會導致此失敗。(provider: 命名管道提供程序，error: 40 -無法打開到SQL Server的連接)

solution：主機上需要用固定的IP地址或服務器地址

12、SqlDateTime 溢出。必須介於1/1/1753 12:00:00 AM和12/31/9999 11:59:59 PM之間。

出現這種問題「多半是因為你更新數據庫時」datetime字段值為空「默認插入0001年01月01日」造成datetime類型溢出。

13、出現-------表示「屬性」，此處應為「方法」

原因：

(一)VB與c#的方法，屬性的格式有所不一樣導致。
(二)可能是在design中綁定數據的語法出現錯誤，解決：

(1)記住屬性用[] 方法用（）；
(2)記住綁定數據的正確語法(有以下幾種方式:: 等) 。

14、未能從程序集「DAL, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null」中加載類型「DAL.SqlHelper」。

原因：修改了其他層後未能重新編譯成dll。

解決：編譯一下(Rebuild)。

15、為過程或函數指定的參數太多

解決：調用存儲過程與定義的存儲過程所用的參數數量或所執行的SQL語句中所傳入的參數個數不一致(這是個SQL的錯誤)。

解決方案：仔細檢查在存儲過程中所設定的參數變量，與實際輸入的參數值是否一一對應。

16、無法啟動調試，綁定句柄無效

原因：系統的Terminal Services沒有開啟。

17、Unable to debugging on the web server.Debug failed because integrated windows authentication is not enable

解決方法：

打開vs2005->工具(Tools)->選項(Option)->調試(debugging)->編輯並繼續(Edit and Continue)->全部打勾。

18、Automation 操作中文件名或類名未找到: 'RegExp'

解決方法：regsvr32 vbscript.dll

19、System.NullReferenceException: 未將對象引用設置到對象的實例。

原因：

(1)所設置的變量為空值或沒有取到值，一般出現在傳遞參數的時候出現這個問題，也會在使用datagrid或gridview或datalist等數據控件時出現。

(2)控件名稱與codebehind裡面的沒有對應；

(3)未用new初始化對象；

(4)在程序中所引用的控件不存在。

解決方法：

(1)使用try..catch...finally捕捉錯誤，或直接用response.write()輸出所取的變量值；

(2)查看代碼中是否存在未初始化的變量。

20、Validation of viewstate MAC failed

解決辦法：頁面的頂部page加EnableViewState="False" EnableViewStateMac = "False"來解決這個問題。

21、Automation server can't create object"(Automation 服務器不能創建對)

解決辦法：運行：Regsvr32 scrrun.dll即可。

22、錯誤 1718。文件被數字簽名策略拒絕(安裝vs2005sp1時)

解決方法：

(1)單擊「開始」，單擊「運行」，鍵入 control admintools，然後單擊「確定」。
(2)雙擊「本地安全策略」。
(3)單擊「軟件限制策略」。(注意：如果未列出軟件限制，請右擊「軟件限制策略」，然後單擊「新建策略」。)
(4)在「對象類型」下，雙擊「強制」。
(5)單擊「除本地管理員以外的所有用戶」，然後單擊「確定」。
(6)重新啟動計算機。

微軟說明：http://support.microsoft.com/kb/925336

23、VS2005不能從源文件模式切換到視圖模式

解決方法：Dos下運行下 devenv /resetskippkgs (win+r cmd)。

24、包加載失敗

未能正確加載包"Visual Web Developer Trident Designer Package"(GUID ={30AE7E28-6C02-496D-8E43-85F7A90AEFF1}。

解決方法：

(1)設置系統變量 VsLogActivity=1；

(2)在%APPDATA%\Microsoft\VisualStudio\8.0\文件夾下創建文件ActivityLog.xml。

Error
Microsoft Visual Studio
LoadLibrary failed for package [Visual Web Developer Trident Designer Package]
{30AE7E2B-6C02-496D-8E43-85F7A90AEFF1}
--------------------------------------------------------------------------------
8007007e
c:\Program Files\Microsoft Visual Studio 8\Common7\Packages\tridsn.dll

(3)從WINNT\MicroSoft.NET\Framework\v2.0.xxx複製文件gdiplus.dll到Program Files\Visual Studio 8\Common7\Packages文件夾下。

(4)在命令行下運行命令：devenv /resetskippkgs。

25、Error spawning 'cmd.exe'.

解決方案：把cmd.exe 拷貝到VS安裝目錄下的VC/BIN目錄裡，可以解決問題。

26、嘗試讀取或寫入受保護的內存

解決：硬件有問題，一般內存有問題。

27、無法在證書存儲區中找到清單簽名證書

解決方法：用記事本打開項目的.csproj文件，刪除類似。

28、該項目中不存在目標「ResolveKeySource」

原因：這個問題很罕見，查詢國外相關資料後，大致說是由於部署的不是一個標準的solution，需要在VS自帶的命令提示中運行下面這個東西恢復。

解決方法：

(1)將下列代碼存為XML文件，命名為TestBuild.xml

<Project DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
<PropertyGroup>
<TargetConnectionString>Data Source=.\sql2005%3BUser

            ID=SqlUser%3BPooling=False%3BPassword=X</TargetConnectionString>
</PropertyGroup>
<ItemGroup>
<DatabaseProject Include="Database1\Database1.dbproj"/>
<DatabaseProject Include="Database2\Database2.dbproj"/>
</ItemGroup>
<Target Name="BuildAllDatabaseProjects">
<MSBuild
Properties="TargetConnectionString=$(TargetConnectionString)" 
Projects="@(DatabaseProject)"
Targets="Build;Deploy">
</MSBuild>
</Target>

(2)在命令提示中運行：msbuild /t:BuildAllDatabaseProjects TestBuild.xml

29、不能將值 NULL 插入列 '**'

原因：這是數據庫表設計的錯誤，所涉及的表的字段中設置了不能為空的屬性，但是傳入的值為null，所以報錯。

解決方法：查看是否所傳入的值是否為Null，或修改數據庫中表的所對應的列的屬性。

30、未能加載類型"命名空間.類"...

原因：

(1)項目修改後沒有進行編譯；
(2)項目中原有的命名空間可能被修改了；
(3)項目中所需要的ascx或其他頁面不存在,或不包含在項目中。

解決方法：

(1)在修改完成之後，請重新生成或編譯整個項目或解決方案；
(2)手工修改所改動的命名空間，注意名稱的大小寫，再重新編譯；
(3)將相關的文件包含在項目中。

31、不能訪問只讀文件「****.***"

解決方案：

給虛擬目錄所對應的文件加上「Everyone/寫入」權限即可。

32、請求因HTTP狀態401失敗：Access Denied

解決方法：在iis信息服務器上把匿名訪問和允許iis控制密碼給勾上。

你們公司的程式設計師穿著Level Up了嗎？

毛豆 — Mon, 24 Sep 2007 06:40:00 GMT

大家要注意儀容哦，不然就得和妹們拜拜（雖然如果是品味問題真的很不容易改　科科）

原文請點我

How To~移除form標籤中的name屬性

毛豆 — Sat, 22 Sep 2007 09:11:00 GMT

為何會寫這篇呢？毛豆我把寫好的程式丟到w3c檢查，發現ASP.net轉成html碼後，無法通過html 4的驗證，其實也不是非通過不可，但還是稍微吹毛求疵了一下。

怎麼把本機端的html碼放到w3c的驗證程式中，使用firefox的WebDeveloper外掛就行了。

先放上我的html碼：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm3</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </HEAD> <body> <form name="form1" method="post" action="WebForm3.aspx" id="form1"> <input type="hidden" name="__VIEWSTATE" value="dDwtNDI1OTQ3OTU5Ozs+9rC0fIuY02L5OndHOA3CI6eVFLk=" /> <p>哈囉<br />321<input type="submit" name="Button1" value="Button" id="Button1" /><br />456</p> </form> </body> </HTML>

一開始，很糟糕的因為一個name屬性，我的程式不管怎麼做都驗證不成功，請看圖。遇到這個問題時，我不斷的找資料，但都沒有關於移除name屬性的資料，害得我把它想成是ASP.net的原罪而放棄了。後來在看董大偉的【ASP.net徹底研究高階技巧及控制項實作】這本書時，突然找到關於覆寫Render的資料，燈泡就亮了起來！這不就是之前找了好久的東西嗎，有了Render這關鍵字，也順利在【孟子e章】找到更詳細的資料，利用這個技巧改寫了一下。

我所改寫出的程式碼如下：

Protected Overrides Sub Render(ByVal writer As HtmlTextWriter) Dim html As New System.IO.StringWriter Dim tw As System.Web.UI.HtmlTextWriter = New System.Web.UI.HtmlTextWriter(html) MyBase.Render(tw) Dim reg As System.Text.RegularExpressions.Regex Dim result As String result = html.ToString.Replace(reg.Match(html.ToString, "(?<=<form).+(?<name>name=""\S+"").+(?=>)").Groups("name").ToString, "") tw.Close() Response.Write(result) End Sub

然後，我的程式碼在轉成html碼之後，順利把form中的name屬性移除掉了，結果如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm3</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </HEAD> <body> <form method="post" action="WebForm3.aspx" id="form1"> <input type="hidden" name="__VIEWSTATE" value="dDwtNDI1OTQ3OTU5Ozs+9rC0fIuY02L5OndHOA3CI6eVFLk=" /> <p>哈囉<br />321<input type="submit" name="Button1" value="Button" id="Button1" /><br />456</p> </form> </body> </HTML>

移除name屬性後，仍可正常運作。

最後，讓我們看看驗證的結果，請看圖。

驗證通過了，好耶，這個技巧也可以應用在把一些html碼改成符合需要的情況如<br> => <br />，或是不需要的Tab以及空白移除，如在<p>123</p> <p>543</p> => <p>123</p><p>543</p>

所以目前我的程式碼是：

Protected Overrides Sub Render(ByVal writer As HtmlTextWriter) Dim html As New System.IO.StringWriter Dim tw As System.Web.UI.HtmlTextWriter = New System.Web.UI.HtmlTextWriter(html) MyBase.Render(tw) Dim reg As Regex Dim result As String result = html.ToString.Replace(reg.Match(html.ToString, "(?<=<form).+(?<name>name=""\S+"").+(?=>)").Groups("name").ToString, "") result = reg.Replace(result, "(?im)\s+<", "<") result = reg.Replace(result, "(?im)>\s+", ">") result = reg.Replace(result, "(?im)<br>|<br/>", "<br />") tw.Close() Response.Write(result) End Sub

中文版MSDN雜誌

毛豆 — Wed, 19 Sep 2007 04:36:00 GMT

嘿，中文版的呢，雖然搞不好已經很多人曉得了，還是貼一下：

到MSDN Magazine點選~Back Issue Archive

Regular Expression

毛豆 — Wed, 12 Sep 2007 14:34:00 GMT

參考Introduction To .NET Regular Expression(黑暗執行緒)

網路上看到最好的Regular Expression教學，作者剛好也是用.net的，拿來當範例正好。

確認遠方圖片URL是否存在

毛豆 — Thu, 26 Jul 2007 13:46:00 GMT

參考：URL是否存在的三種方法(孟子E章簡體blog)

有時候必須要從別的網站抓圖到自己的伺服器或是顯示出來，但如果只使用System.Net.WebClient的DownloadFile方法，它會連錯誤訊息網頁都當成正確的網頁抓取，這該怎麼辦呢？在藍色小舖討論區發問後才曉得還可以用DownloadData，但一樣，會有抓到錯誤訊息網頁的問題。

最後我在上奇出版社的ASP.net開發手札第二十二章找到解法，也就是使用System.Drawing裡的方法，把圖片當成資料流，接著再利用try catch的方法，只要出錯，遠端就是非圖檔、不存在或是有擋掉外部連結，只要在測完後再把圖片DownLoad到伺服器上就行了，相當好用。

以下是程式碼：

Dim wc As New Net.WebClient Dim path As String = Server.MapPath("本機上的目標檔名") Dim url As String = "目標圖片ＵＲＬ" Try Dim bmp As Bitmap = New Bitmap(wc.OpenRead(url)) '利用圖片讀取資料流只能是圖片的特性，如果是其它種類的資料流就會出錯 wc.DownloadFile(url, path) Catch ex As Exception End Try

程式碼很短，相當靈巧。

本來是到這邊就應該結束了，但我後來發現Bitmap也有Save的方法，所以也測了一下兩者運作時間
，後來發現Bitmap的Save較快。

程式碼：

bmp.Save(path, System.Drawing.Imaging.ImageFormat.Bmp)

再來是對網路上同一張圖(約400kb的bmp檔)用兩種方法各存取五十次，把其中時間的差異(以DateTime.Ticks計)存到資料庫中，再經過比較，會產生下表：

	Bitmap.Save	WebClient.DownloadFile
時間總合	107343750	5175781250
平均時間	2146875	103515625

以平均時間計，WebClient下載五十張圖的時間，花了約Bitmap存五十張圖檔的48.21倍，如果沒有必要，我一定會改寫成Bitmap.Save。

原表如下：(type = 1：Bitmap.Save；type = 2：WebClient.DownloadFile；t ：時間差異)

**test1**
type	T
1	3281250
1	1406250
1	1718750
1	937500
1	1093750
1	2500000
1	937500
1	1093750
1	3437500
1	2812500
1	1562500
1	2031250
1	1093750
1	937500
1	937500
1	1093750
1	1093750
1	4218750
1	1250000
1	1406250
1	2500000
1	6093750
1	2812500
1	937500
1	1250000
1	937500
1	1093750
1	781250
1	2968750
1	1250000
1	4531250
1	1250000
1	3437500
1	5156250
1	1093750
1	2656250
1	1093750
1	3125000
1	5937500
1	1093750
1	2968750
1	1093750
1	937500
1	1875000
1	1250000
1	1406250
1	5468750
1	2343750
1	1250000
1	3906250
2	91250000
2	87968750
2	106406250
2	80937500
2	116250000
2	108281250
2	97031250
2	93906250
2	99531250
2	111875000
2	109062500
2	84687500
2	105781250
2	115312500
2	105156250
2	115781250
2	96406250
2	109531250
2	115312500
2	107031250
2	88437500
2	86875000
2	100937500
2	110937500
2	119375000
2	95000000
2	112031250
2	99843750
2	95937500
2	88906250
2	85625000
2	113437500
2	111406250
2	122968750
2	106562500
2	97812500
2	105312500
2	105000000
2	121250000
2	115781250
2	109375000
2	137812500
2	111875000
2	99062500
2	94687500
2	88750000
2	102656250
2	95000000
2	93281250
2	102343750

讀取、更新xml的單一節點

毛豆 — Sat, 21 Jul 2007 20:56:00 GMT

引用：讀取xml的單一欄位

這是.net操作xml的眾多方法中，用在讀取單一節點內容的方法，適用於當作設定檔或是快取檔的xml。在使用前，記得先Imports System.XML這個類別

讀取：

Dim path As String = Server.MapPath("Test1.xml") Dim reader As New XmlTextReader(path) Dim xDoc As New XmlDocument xDoc.Load(reader) Dim root As XmlElement = xDoc.DocumentElement Dim xNode As XmlNode = root.SelectSingleNode("Point1") Me.Label1.Text = xNode.InnerXml reader.Close()

更新：

Dim path As String = Server.MapPath("test1.xml") Dim reader As New XmlTextReader(path) Dim xDoc As New XmlDocument xDoc.Load(reader) Dim root As XmlElement = xDoc.DocumentElement Dim xNode As XmlNode = root.SelectSingleNode("Point1") xNode.InnerText += 1 reader.Close() xDoc.Save(path)

使用parameter遇到的問題

毛豆 — Fri, 06 Jul 2007 21:58:00 GMT

今天使用資料庫連線時遇到問題，情況是，不論我怎麼做，某一欄位都無法更新，但其它地方都可以更新，以下是更改前的程式碼：

'修改繪製進度 Dim SQL As String = "UPDATE Cases SET Case_DrawState = ? WHERE Case_Id = ?" cmd = New OleDb.OleDbCommand(SQL, conn) '設定SQL字串及對應內容 cmd.Parameters.Add(New OleDb.OleDbParameter("Case_Id", OleDb.OleDbType.Integer, 0, "Case_Id")) cmd.Parameters.Add(New OleDb.OleDbParameter("Case_DrawState", OleDb.OleDbType.Char, 255, "Case_DrawState")) cmd.Parameters("Case_Id").Value = Integer.Parse(Case_Id) cmd.Parameters("Case_DrawState").Value = Percent conn.Open() cmd.ExecuteNonQuery() conn.Close()

後來在小舖的ASP.net討論區找到解法了，原因就是順序搞錯，parameters有個沒寫出來的規定，就是加入的順序必須和SQL語法相同，所以之後修改像下面的程式碼後就好了：

'修改繪製進度 Dim SQL As String = "UPDATE Cases SET Case_DrawState = ? WHERE Case_Id = ?" cmd = New OleDb.OleDbCommand(SQL, conn) '設定SQL字串及對應內容 cmd.Parameters.Add(New OleDb.OleDbParameter("Case_DrawState", OleDb.OleDbType.Char, 255, "Case_DrawState")) cmd.Parameters.Add(New OleDb.OleDbParameter("Case_Id", OleDb.OleDbType.Integer, 0, "Case_Id")) cmd.Parameters("Case_DrawState").Value = Percent cmd.Parameters("Case_Id").Value = Integer.Parse(Case_Id) conn.Open() cmd.ExecuteNonQuery() conn.Close()

我果然還太弱，花了兩天都不曉得為什麼出包。

偷偷藏起來

毛豆 — Sun, 01 Jul 2007 07:03:00 GMT

TIPS-如何動態載入Javascript或CSS?
隨機音樂
 無限分類算法 js 的實現

用 CSS 於連結後面加 icon (與副檔名相關小圖)，參考資料(2007/3/24找到)

在css樣式表裡面直接加入判斷副檔名的方法，並依此顯示不同的小圖？！實在太酷了

Reset CSS - 取消 Html 原有樣式

簡易版進度列(非動態進度列)

毛豆 — Sun, 10 Jun 2007 22:05:00 GMT

這個元件用以顯示進度百分比的Web使用者控制項，可以放在工作報告等處，目前無法動態顯示，但如果有空的人可以試著用JavaScript改寫。

裡面我放了四個對外開放的屬性

Percent：表示百分比
BarStyle：前景Div的css內容
- BarStyle="border:1px solid black; color:red;"
GroundStyle：後景Div的css內容
- GroundStyle="background-color:blue;"
ShowText：顯示於前景Div的字串，可在字串中加入%符號，程式會把%符號換成進度。
- 如輸入【第一選項：%】，則顯示時會變成【第一選項：90%】

uc_ProgressBar.ascx

<%@ Control Language="vb" AutoEventWireup="false" Codebehind="uc_ProgressBar.ascx.vb" Inherits="Somee.uc_ProgressBar" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %> <div id="ground" class="ground" runat="server"> <div id="bar" class="bar" runat="server"><asp:Literal id="ltl_Text" runat="server" /></div> </div>

uc_ProgressBar.ascx.vb

Dim per As Double Dim txt As String Public Property Percent() As Double '設定長度的百分比 Get Return per End Get Set(ByVal Value As Double) per = Value End Set End Property Public Property ShowText() As String '設定用來顯示的字 Get Return txt End Get Set(ByVal Value As String) txt = Value End Set End Property Public Property GroundStyle() As String '設定背景bar的造型 Get Return Me.ground.Attributes("Style") End Get Set(ByVal Value As String) Me.ground.Attributes("Style") = Value End Set End Property Public Property BarStyle() As String '設定前景bar的造型 Get Return Me.bar.Attributes("Style") End Get Set(ByVal Value As String) Me.bar.Attributes("Style") = Value End Set End Property Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '在這裡放置使用者程式碼以初始化網頁 Me.ground.Attributes.CssStyle.Add("WIDTH", "100%") Me.bar.Attributes.CssStyle.Add("WIDTH", Percent & "%") If txt = "" Then Me.ltl_Text.Text = Percent & "%" Else Me.ltl_Text.Text = ShowText.Replace("%", Percent & "%") End If End Sub