Subscribe

RSS Feed (xml)

Powered By

Skin Design:
Free Blogger Skins

Powered by Blogger

2011年4月20日 星期三

一些技術文章

會員代號欄位失去焦點(OnBlur)檢查帳號是否曾被使用範例
http://www.dotblogs.com.tw/topcat/archive/2010/12/08/19989.aspx


幫Login加上驗證碼
http://www.dotblogs.com.tw/topcat/archive/2010/06/06/15683.aspx

[jQuery] Mousemove, Mouseover 事件
http://www.dotblogs.com.tw/topcat/archive/2010/01/28/13388.aspx

[jQuery] dblclick 事件
http://www.dotblogs.com.tw/topcat/archive/2010/01/28/13385.aspx

[jQuery] Hover(over, out) 事件
http://www.dotblogs.com.tw/topcat/archive/2010/01/28/13384.aspx

[SQL]T-SQL迴圈的寫法

DECLARE @_i INT
DECLARE @_MAX INT
SET @_i = 0
SET @_MAX = 10 -- 要產生幾筆資料
WHILE (@_i<@_MAX)  
BEGIN  --要迴圈的語法  
  INSERT INTO #TT VALUES('T')     --加1  
  Set @_i=@_i+1  
END  
http://www.dotblogs.com.tw/topcat/archive/2010/01/22/13211.aspx

[ASP.NET]將相對網址改為完整網址
http://www.dotblogs.com.tw/topcat/archive/2010/06/08/15722.aspx

[jQuery]透過自訂屬性解決相同id(重複id)的問題
http://www.dotblogs.com.tw/topcat/archive/2009/10/21/11192.aspx

[ASP.NET]TreeView使用拖拉放的方式更改樹的結構
http://www.dotblogs.com.tw/topcat/archive/2009/08/06/9901.aspx

GridView利用TempleteField中的LinkButton加JavaScript,達到點選Row任何位置就可選擇Row
http://www.dotblogs.com.tw/topcat/archive/2009/03/24/7667.aspx

[轉貼]上傳檔案前,JavaScript檢查檔案格式、大小
http://www.dotblogs.com.tw/topcat/archive/2009/02/20/7250.aspx

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=big5"> 
<title>上傳</title> 
</head> 
<body> 
<form ACTION="upload.asp" METHOD="POST" name="FileForm" enctype="multipart/form-data"> 
圖片: <input type="file" name="file1" size="20" id="file1"> 
<input type="button" value="確定上傳" onClick="checkFile()"> 
</form> 
</body> 
</html> 
<script language="JavaScript"> 
//by Bryan(不來ㄣ)

//這裡控制要檢查的項目,true表示要檢查,false表示不檢查 
var isCheckImageType = true;  //是否檢查圖片副檔名 
var isCheckImageWidth = true;  //是否檢查圖片寬度 
var isCheckImageHeight = true;  //是否檢查圖片高度 
var isCheckImageSize = true;  //是否檢查圖片檔案大小 

var ImageSizeLimit = 100000;  //上傳上限,單位:byte 
var ImageWidthLimit = 1200;  //圖片寬度上限 
var ImageHeightLimit = 1000;  //圖片高度上限 

function checkFile() { 
 var f = document.FileForm; 
 var re = /\.(jpg|gif)$/i;  //允許的圖片副檔名 
 if (isCheckImageType && !re.test(f.file1.value)) { 
  alert("只允許上傳JPG或GIF影像檔"); 
 } else { 
  var img = new Image(); 
  img.onload = checkImage; 
  img.src = f.file1.value; 
 } 
} 
function checkImage() { 
 if (isCheckImageWidth && this.width > ImageWidthLimit) { 
  showMessage('寬度','px',this.width,ImageWidthLimit); 
 } else if (isCheckImageHeight && this.height > ImageHeightLimit) { 
  showMessage('高度','px',this.height,ImageHeightLimit); 
 } else if (isCheckImageSize && this.fileSize > ImageSizeLimit) { 
  showMessage('檔案大小','kb',this.fileSize/1000,ImageSizeLimit/1000);   
 } else { 
  document.FileForm.submit(); 
 } 
} 
function showMessage(kind,unit,real,limit) { 
 var msg = "您所選擇的圖片kind為 real unit\n超過了上傳上限 limit unit\n不允許上傳!" 
 alert(msg.replace(/kind/,kind).replace(/unit/g,unit).replace(/real/,real).replace(/limit/,limit)); 
} 
</script>

沒有留言:

張貼留言