vb2005xu
- 浏览: 1742910 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (641)
- vb2005xu自己动手系列 (174)
- vb2005xu开发文章转摘 (47)
- vb2005xu发发牢骚 (99)
- vb2005xu新技术灌水 (12)
- vb2005xu网络资源集锦 (21)
- vb2005xu软件学习 (60)
- 英语学习 (3)
- JavaScript 学习 (54)
- JAVA OOP 巩固 之 CustomDatabase 的开发 (5)
- 2013年9月之前所在公司 记事 (7)
- FleaPHP/QEEPHP 资料 (87)
- JAVA MAIL 学习篇 (4)
- Python turbogears (5)
- Rails 个人开发四部曲 (3)
- 名人传 (8)
- iwp framework (5)
- 高考零分作文 (5)
- startos (8)
- lua (0)
- 职场 (1)
最新评论
-
hellotieye：
自己 评论 自己 挺嗨呀
Mysql sql查询时 if 的用法 -
igevin：
转载请标明出处，转自Gevin的博客http://blog.i ...
RESTful API 编写指南 -
Theobob：
...
实现简单的ACL -
vb2005xu：
比如 对于 curl 调用就不再需要 加各种if 判断了,
$ ...
搞一个简单的数据打印工具AsDebug の Laravel -
vb2005xu：
http://geekplux.com/wiki/
YII2 模块内自定义错误页
之前写过 iamseseJS和__xu_init jS简易框架 , 好长时间不看,忘了,郁闷,今天要用个DOM事件做东西,平常都用JQ,突然发现并不需要这么大的东西,就整理了下 .... 用起来都忘了 郁闷 记个笔记,似乎事件代理有些问题,晚上回去再看了...
写道
demo 功能需要:
1. 单击行如果行未选中 则高亮当前行 并勾选 复选框,否则去掉 复选框 并且还原 原来的背景色
2. 单击复选框未选中 则高亮当前行 并勾选 复选框,否则去掉 复选框 并且还原 原来的背景色
1. 单击行如果行未选中 则高亮当前行 并勾选 复选框,否则去掉 复选框 并且还原 原来的背景色
2. 单击复选框未选中 则高亮当前行 并勾选 复选框,否则去掉 复选框 并且还原 原来的背景色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kenxu Event.js 使用demo</title>
<script type="text/javascript">
var Events = {
onload: function(func){
var one=window.onload ;
if(typeof window.onload != 'function'){
window.onload=func ;
}
else{
window.onload=function(){
one();
func();
}
}
} ,
/*
* 为DOM元素 添/删事件 add,remove方法 摘自: jsTrace
*
* 当fn为匿名函数时移除不成功,fn可接收event参数,如: function(evt)
*/
add: function( obj, type, fn ){
if (obj.addEventListener) obj.addEventListener( type, fn, false );
else if (obj.attachEvent){
obj["e"+type+fn] = fn;
obj[type+fn] = function() {
obj["e"+type+fn]( window.event );
};
obj.attachEvent( "on"+type, obj[type+fn] );
}
} ,
remove: function ( obj, type, fn ){
if (obj.removeEventListener) obj.removeEventListener( type, fn, false );
else if (obj.detachEvent) {
obj.detachEvent( "on"+type, obj[type+fn] );
obj[type+fn] = null;
obj["e"+type+fn] = null;
}
} ,
/**
* 使用事件监听器后,取消元素默认行为的方法
* @param evt||window.event evt
*/
preventDefault: function(evt){
evt = evt || window.event ;
if (evt.preventDefault)
evt.preventDefault();
else
evt.returnValue = false ;
} ,
/**
* 使用事件监听器后,取消元素上层元素的事件冒泡
* @param evt||window.event evt
*/
preventBubble: function(evt){
evt = evt || window.event ;
if (evt.stopPropagation)
evt.stopPropagation();
else
evt.cancelBubble = true ;
} ,
/**
* 事件委托 机制 -- 从上层元素捕捉事件源,并传到回调函数
*
* 兼容IE和FF
* @param DOM元素 proxyElement
* @param string type
* @param function fn 传入参数为事件源对象
* @param bool isPreventDefault 是否阻止元素的默认行为
*/
addProxy: function(proxyElement,type,fn,isPreventDefault){
var handle_name = type + '_handleMethod' ;
var _this = this ;
proxyElement[handle_name] = function(evt){
evt = evt || window.event ;
var target = evt.target || evt.srcElement ;
fn(target);
if (isPreventDefault) _this.preventDefault(evt);
} ;
this.add(proxyElement,type,proxyElement[handle_name]);
},
/**
* 移除 proxyElement的委托事件
*
* @param DOM元素 proxyElement
* @param string type
*/
removeProxy: function(proxyElement,type){
var handle_name = type + '_handleMethod' ;
this.remove(proxyElement,type,proxyElement[handle_name])
} ,
keyCode: function(evt){
return (evt || window.event).keyCode ;
} ,
each: function(ar, insp) {
var r = [];
for (var i = 0; i < ar.length; i++) {
var x = insp(ar[i], i);
if (x !== null) {
r.push(x);
}
}
return r ;
}
} ;
Events.onload(function(){
var tbodyEle=document.getElementById('tbody');
if (tbodyEle){
var color1='#EDEDD3',color2='#EFEFEF',overcolor='#D8D7D2';
var bgc = 'backgroundColor' ;
Events.each(tbodyEle.rows,function(row,i){
// 设置背景颜色
row.style[bgc] = (i%2 == 0) ? color1 : color2;
// 绑定特效事件
Events.add(row,'mouseover',function(evt){
this.bg_old=this.style[bgc] ;
this.style[bgc]=overcolor;
this.style['cursor']='hand';
});
Events.add(row,'mouseout',function(evt){
this.style[bgc]=this.bg_old;
});
var boxes = row.getElementsByTagName('input');
var pkbox = boxes && boxes[0].type=='checkbox' && boxes[0].name=='pk' ? boxes[0] : null ;
// 绑定点击事件
if (pkbox){
Events.add(pkbox,'click',function(evt){
Events.preventBubble(evt);
if(this.checked){
//row的mouseover事件
row.bg_unslt = row.bg_old ;
row.bg_old=row.style[bgc]=overcolor ;
}else {
//row的mouseout事件
row.bg_old=row.style[bgc]=row.bg_unslt ;
}
});
Events.add(row,'click',function(evt){
pkbox.checked = !pkbox.checked ;
if(pkbox.checked){
this.bg_unslt = this.bg_old ;
this.bg_old=this.style[bgc]=overcolor ;
}else {
this.bg_old=this.style[bgc]=this.bg_unslt ;
}
});
}
});
}
});
</script>
</head>
<body id="" class="">
<table width="100%" border="0" cellspacing="1" cellpadding="4" class="list">
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
</thead>
<tbody id='tbody'>
<tr>
<td><input type="checkbox" name="pk" value="1"></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
</tr>
<tr>
<td><input type="checkbox" name="pk" value="2"></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
</tr>
<tr>
<td><input type="checkbox" name="pk" value="3"></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
</tr>
</tbody>
</table>
</body>
</html>
分享到：
评论
2 楼
vb2005xu
2010-10-21
加一个数据库支持的代码样例
class Kenxu_DB_Driver_Mysqlt extends Kenxu_DB_Driver_Mysql implements Kenxu_DB_TransactionSupport {
/**
* 指示数据库是否支持事务
*
* @var boolean
*/
protected $_hasTransaction = true ;
/**
* Mysql 数据库事务支持类名
*
* @var string
*/
protected $_transactionSupportClass = 'Kenxu_DB_Driver_Mysql_TransactionSupport' ;
/**
* 获取数据库事务支持对象
*
* @return Kenxu_DB_Driver_Mysql_TransactionSupport
*/
function getTransaction(){
if ( $this->_hasTransaction ){
static $inst = null ;
if (!$inst){
$inst = Kenxu_DB_TransactionAdapter::getInstance($this->_transactionSupportClass) ;
/* @var $inst Kenxu_DB_TransactionAdapter */
$inst->setDBO($this);
}
return $inst ;
}
return null ;
}
}
1 楼
vb2005xu
2010-10-19
兼容IE/FF
发表评论
-
常用的 js 代码梳理
2016-06-16 12:00 1852/** * 格式化时间函数 * @param {form ... -
fineuploader 跨子域上传文件 cookie丢失问题的解决
2015-10-14 13:30 4741目前的项目中,使用到了fineuploader 这个纯htm ... -
2014 I Love You!
2014-02-14 15:40 1216保存成 html文件后打开 写道 <html> ... -
阻止checkbox的父元素事件冒泡
2014-01-15 20:33 8622今天在开发后台权限管理时使用了tinyaccordion ... -
整理下之前的js代码 moogens.js 记录下
2013-11-26 11:49 1155moogens.jshttps://github.com/v ... -
AOP 在js中的应用
2013-08-29 19:21 0http://www.alloyteam.com/2013/ ... -
自己动手增强 jquery.multiselect2side 调用
2012-11-13 17:50 8568最近用到一个jq插件 jquery.multiselect ... -
坑爹的HTML5应用集锦
2012-11-06 16:23 12011. 3D的俄罗斯方块 http://alteredquali ... -
小旭改的分页代码
2012-10-22 15:54 1304/** * 说明： 在页面指定元素中构建分页条 * ... -
一道js题 的分析历程
2012-08-10 11:14 1260var a = {n:1};a.x=a={n:2}; a.x ... -
修复 artDialog 双击遮罩层就会自动关闭的bug.... 自己动手....
2012-05-24 21:21 5987今天使用的时候发现 双击遮罩层 就会自动关闭 ,我用的版本是 ... -
jquery 也不给力啊 unbind 你让我情何以堪!
2012-05-09 19:36 1479发现一个问题$a = jQuery('img[src=&q ... -
使用 nodejs 形式的语法来规整 js
2012-04-21 10:20 1927/* * 使用 nodejs 形式的语法来规整 js ... -
注册了2个域名 希望能给nodejs一点集合
2011-06-22 12:37 1284NODEJS-OPEN.COM NODEJS-OPEN.I ... -
css 文本折行
2011-05-12 10:27 8323word-wrap:break-word; overflow: ... -
IE 中document.getElementsByName
2011-05-06 10:40 2402IE 中使用 document.getElementsByNa ... -
新年里 把 自己写的 js基础代码 做个了结..... 死机了吧,悲剧了吧 ... 打不开了吧...编辑器bug出现了吧 ff不能黏贴,复制,换组织就不修正么?
2011-02-11 20:28 1739新年里 把 自己写的 js基础代码 做个了结..... 死机了 ... -
考考你们的JS 我只作对了一半 你们试试
2011-02-11 10:40 2089alert(typeof(NaN)); alert( ... -
为自己的JS库 moogens 增加 facebox 组件
2011-01-17 20:16 2019之前的JS慢慢积累下来慢慢也就自己完善了个,比之前的__ini ... -
高级js教程,转国外一个教程
2010-11-22 10:10 3353http://www.sergiopereira.com/ar ...
相关推荐
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
毕业设计物流管理系统的设计与实现（Java版本） 采用Struts2+hibernate+Oracle10g+Tomcat 涉及车辆管理，配送点管理，运输方式管理，订单管理，员工管理，用户管理，部门管理，权限管理，角色管理等基础管理功能。
基于VB+access实现的成绩分析统计系统(论文+源代码) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
ASP+ACCESS网上购物系统设计(源代码+设计说明书+调研报告).zip
污水处理计算书
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
ASP+ACCESS在线考试系统设计(源代码+设计说明书).zip
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
毕业设计基于知识图谱和循环神经网络的推荐系统python源码+数据集.zip毕业设计基于知识图谱和循环神经网络的推荐系统python源码+数据集.zip毕业设计基于知识图谱和循环神经网络的推荐系统python源码+数据集.zip毕业设计基于知识图谱和循环神经网络的推荐系统python源码+数据集.zip 毕业设计基于知识图谱和循环神经网络的推荐系统python源码+数据集.zip 毕业设计基于知识图谱和循环神经网络的推荐系统python源码+数据集.zip毕业设计基于知识图谱和循环神经网络的推荐系统python源码+数据集.zip
行业报告
基于matlab实现的导线网平差，主要是附和导线平差程序，用于计算各点坐标并评定其精度。.rar
基于VB+access实现的学生学籍管理系统(系统+论文) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
ASP基于BS的工艺品展示系统的设计与实现(源代码+设计说明书).zip
污水处理计算书
ASP+ACCESS网上花店毕业设计全套（设计说明书+源代码+说明）.zip
污水处理计算书
行业报告
ASP基于WEB教学评估系统设计(源代码+设计说明书).zip
JSP教师档案管理系统(源代码+设计说明书).zip