javascript table操作类
/************** javascript table操作类***************
* 仅适合IE6
****调用示例*****************************************
*
* var table=new TableOption("tb");
*
* var table=new TableOptions("tb",{hoverColor:#aabbcc,hover:false});
*
*****************************************************/
var $=function(id){return document.getElementById(id);}
var Class={
create:function(){
return function(){
this.Init.apply(this,arguments);
}
}
}
var BindAsEventListener=function(fun,object){
return function(){
return object.apply(fun,arguments);
}
}
var AddEventHandler=function(obj,eventType,fun){
obj.attachEvent("on"+eventType,fun);
}
var RemoveEventHandler=function(obj,eventType,fun){
obj.detachEvent("on"+eventType,fun);
}
var Extend=function(source,options){
for(var key in source)
{
options[key]=source[key];
}
}
var TableOption=Class.create();
TableOption.prototype={
//初始化
Init:function(obj,options){
this.Table=$(obj);
this.SetOptions(options);//设置参数
this.HoverColor=this.Options.hoverColor;
this.ActiveColor=this.Options.activeColor;
this.Hover=this.Options.hover;
this.Choose=this.Options.choose;
this.Multiple=this.Options.multiple;
this.OnClick=this.Options.onClick;
this.OnCancel=this.Options.onCancel;
this._AddMouseEvent(); //添加事件
this._CurrentRow=null; //当前移动行
this.SelectedArray=new Array();//设置或返回被选中行的集合
},
//设置参数
SetOptions:function(options){
this.Options={
hoverColor:"#B5FFB5", //移动时背景色
activeColor:"#438ADA", //选中时背景色
hover:true, //是否开启移动行背景色
choose:true, //是否开启选择
multiple:true, //是否开启多选,开启后按Ctrl可以多选
相关文档:
变量
1. 如果没有用var语句给一个变量定初始值,它的初始值就是undefined.
2. 尝试给未用var声明的变量赋值,JavaScript会隐式声明该变量。但是,隐式声明的变量总是被创建为全局变量,即使该变量只在一个函数体内使用。
3. ......
1.document.write( " "); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document- >html- >(head,body)
4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value)
6 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;&n ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>图片鼠标滚轮缩放</title>
<meta http-eq ......