Kin_Tables

Kin_Tables
 点击下载

Name: Kin_Table

Website: http://jorkin.reallydo.com/article.asp?id=538

Version: 1.0

Update: 2007/08/05

Introduction: toggle table row color by mouseover and check checkbox by click table row and toggle table row background-color by check checkbox but can not exclude checkboxes (I dont need this. ^_^ )

Reference: Dodo (tableRowCheckboxToggle)

Softcomplex (tigra_tables)

Others:Need jQuery

function Kin_Tables(Kin_Table_GetTableMethod, //get your table

Kin_Table_Header_Offset, //set the table header offset

Kin_Table_Footer_Offset, //set the table footer offset

Kin_Table_Odd_Style, // set the table odd row style name (Default:odd)

Kin_Table_Even_Style, // set the table even row style name (Default:even)

Kin_Table_Hover_Style, // set the table mouseover row style name (Default:over)

Kin_Table_Click_Style // set the table odd row style name (Default:clicked)

){

$(function(){

var Kin_Table_Config = [];

Kin_Table_Config.GetTableMethod = (Kin_Table_GetTableMethod ? Kin_Table_GetTableMethod : ".Kin_Table"); //得到Table的方法 同$() 必选

Kin_Table_Config.Header_Offset = (!isNaN(Kin_Table_Header_Offset) ? Kin_Table_Header_Offset : 0); //从前起忽略多少行 可选参数

Kin_Table_Config.Footer_Offset = (!isNaN(Kin_Table_Footer_Offset) ? Kin_Table_Footer_Offset : 0); //从后起忽略多少行 可选参数

Kin_Table_Config.Odd_Style = (Kin_Table_Odd_Style ? Kin_Table_Odd_Style : "odd"); //奇数行样式 可选参数

Kin_Table_Config.Even_Style = (Kin_Table_Even_Style ? Kin_Table_Even_Style : "even"); //偶数行样式 可选参数

Kin_Table_Config.Hover_Style = (Kin_Table_Hover_Style ? Kin_Table_Hover_Style : "over"); //鼠标悬停样式 可选参数

Kin_Table_Config.Click_Style = (Kin_Table_Click_Style ? Kin_Table_Click_Style : "clicked"); //鼠标点击样式 可选参数

 

//var Kin_Table = $(Kin_Table_Config.GetTableMethod+" tr:nth-child(n+"+eval(Kin_Table_Config.Header_Offset+1)+")"); //Old Method

var Kin_Table = $(Kin_Table_Config.GetTableMethod + " tr").slice(Kin_Table_Config.Header_Offset,-Kin_Table_Config.Footer_Offset); //New Method

Kin_Table.each(function(i, row){

var Kin_Table_Row_Checkbox = $(row).find(":checkbox");

bChecked = false;

$(row).addClass(i % 2 == 0 ? Kin_Table_Config.Odd_Style : Kin_Table_Config.Even_Style)

$(row).hover(function(){

$(this).addClass(Kin_Table_Config.Hover_Style);

}, function(){

$(this).removeClass(Kin_Table_Config.Hover_Style);

});

$(row).click(function(){

$(this).toggleClass(Kin_Table_Config.Click_Style);

Kin_Table_Row_Checkbox.each(function(){

this.checked = $(row).hasClass(Kin_Table_Config.Click_Style);

});

});

Kin_Table_Row_Checkbox.each(function(){

if (this.checked) {

bChecked = true;

return false;

}

});

if (bChecked) {

$(row).addClass(Kin_Table_Config.Click_Style);

Kin_Table_Row_Checkbox.each(function(){

this.checked = true;

});

}

else {

$(row).removeClass(Kin_Table_Config.Click_Style);

}

});

});

}

 

 

转载请注明:代码家园 » Kin_Tables

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)