2009年12月16日 星期三

利用jQuery自動產生表格的顏色

在寫程式時,我們常常會隱藏某幾行,這時CSS就不能寫固定的。

利用jQuery自動產生表格的顏色,如下:
<script type="text/javascript" src="http://test.waitlonglong.com.my/jquery-1.3.1.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
 $(".TableAutoColor tr:even").addClass('TblEvenRow');
 $(".TableAutoColor tr:odd").addClass('TblOddRow');
});
</ script> 

Table 屬性多一個class="TableAutoColor"

但是如果表格被 asp:UpdatePanel 包起來那放在(document).ready的功能就會失消,所以我們要再加上一個如下

function load() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
function EndRequestHandler() {
 $(".TableAutoColor tr:even").addClass('TblEvenRow');
 $(".TableAutoColor tr:odd").addClass('TblOddRow');
}
window.onload=load;

2009年11月25日 星期三

在TextBox偵測到User按Enter鍵

在TextBox偵測到User按Enter鍵,而不要Submit

當使用者使用IE時,可以使用下列方式
TextBox1.Attributes["onkeypress"] = 
"if(window.event ? e.keyCode : e.which ==13)return false "; 


但如果使用者使用Firefox時,必須使用下列方式
1.那就要寫在.aspx寫 (如下)
2.且每一個TexBox都要呼叫此function
3.不可以寫在SubmitButton那是沒有用的

function onKeyPress(e)
{
if (e.which == 13)
return false 
}


所以如果要IE和Firefox都可以,如下
1.那就要寫在.aspx寫 (如下)
2.且每一個TexBox都要呼叫此function
3.不可以寫在SubmitButton那是沒有用的

function onKeyPress(e)
{
var key = window.event ? e.keyCode : e.which;
if (key == 13)
return false 
}

2009年11月22日 星期日