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可以多选
相关文档:
js验证表单大全
1. 长度限制
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符!");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"&g ......
用call方法实现继承
function classA(sColor){
this.color=sColor;
this.sayColor=function(){
alert(this.color);
......
<!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-equiv= ......
keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = Prior
keycode 34 ......