vb2005xu
- 浏览: 1779244 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (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 1926/** * 格式化时间函数 * @param {form ... -
fineuploader 跨子域上传文件 cookie丢失问题的解决
2015-10-14 13:30 4814目前的项目中,使用到了fineuploader 这个纯htm ... -
2014 I Love You!
2014-02-14 15:40 1273保存成 html文件后打开 写道 <html> ... -
阻止checkbox的父元素事件冒泡
2014-01-15 20:33 8743今天在开发后台权限管理时使用了tinyaccordion ... -
整理下之前的js代码 moogens.js 记录下
2013-11-26 11:49 1212moogens.jshttps://github.com/v ... -
AOP 在js中的应用
2013-08-29 19:21 0http://www.alloyteam.com/2013/ ... -
自己动手增强 jquery.multiselect2side 调用
2012-11-13 17:50 8637最近用到一个jq插件 jquery.multiselect ... -
坑爹的HTML5应用集锦
2012-11-06 16:23 12521. 3D的俄罗斯方块 http://alteredquali ... -
小旭改的分页代码
2012-10-22 15:54 1350/** * 说明： 在页面指定元素中构建分页条 * ... -
一道js题 的分析历程
2012-08-10 11:14 1317var a = {n:1};a.x=a={n:2}; a.x ... -
修复 artDialog 双击遮罩层就会自动关闭的bug.... 自己动手....
2012-05-24 21:21 6091今天使用的时候发现 双击遮罩层 就会自动关闭 ,我用的版本是 ... -
jquery 也不给力啊 unbind 你让我情何以堪!
2012-05-09 19:36 1529发现一个问题$a = jQuery('img[src=&q ... -
使用 nodejs 形式的语法来规整 js
2012-04-21 10:20 1996/* * 使用 nodejs 形式的语法来规整 js ... -
注册了2个域名 希望能给nodejs一点集合
2011-06-22 12:37 1333NODEJS-OPEN.COM NODEJS-OPEN.I ... -
css 文本折行
2011-05-12 10:27 8377word-wrap:break-word; overflow: ... -
IE 中document.getElementsByName
2011-05-06 10:40 2453IE 中使用 document.getElementsByNa ... -
新年里 把 自己写的 js基础代码 做个了结..... 死机了吧,悲剧了吧 ... 打不开了吧...编辑器bug出现了吧 ff不能黏贴,复制,换组织就不修正么?
2011-02-11 20:28 1778新年里 把 自己写的 js基础代码 做个了结..... 死机了 ... -
考考你们的JS 我只作对了一半 你们试试
2011-02-11 10:40 2181alert(typeof(NaN)); alert( ... -
为自己的JS库 moogens 增加 facebox 组件
2011-01-17 20:16 2089之前的JS慢慢积累下来慢慢也就自己完善了个,比之前的__ini ... -
高级js教程,转国外一个教程
2010-11-22 10:10 3391http://www.sergiopereira.com/ar ...
相关推荐
Python课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。
《松鼠》生态性课堂体验教案
Java系统源码+智慧图书管理系统 内容概要： 本资源包含了完整的Java前后端源码及说明文档，适用于想要快速搭建并部署Java Web应用程序的开发者、学习者。 技术栈： 后端：Java生态系统，包含Spring Boot、Shiro、MyBatis等，数据库使用Mysql 前端：Vue、Bootstrap、Jquery等 适用场景示例： 1、毕业生希望快速启动一个新的Java Web应用程序。 2、团队寻找一个稳定的模板来加速产品开发周期。 3、教育机构或个人学习者用于教学目的或自学练习。 4、创业公司需要一个可以立即投入使用的MVP（最小可行产品）。
项目包含前后台完整源码。 项目都经过严格调试，确保可以运行！ 具体项目介绍可查看博主文章或私聊获取 助力学习实践，提升编程技能，快来获取这份宝贵的资源吧！
《松鼠》教学方案
学生角色 学生用户在系统的前台界面可以浏览站内新闻、系统公告等公共的信息，在进行了注册和登录等操作后可以进入个人后台管理界面，对自己的个人信息进行管理，还可以进行实验成绩查看和实验交流等操作。 教师角色 教师用户也可以正常使用本系统的前台功能，但最主要的功能还是在个人后台界面中。在教师的个人后台界面中，首先教师可以管理自己的个人信息，还可以对学生进行实验任务书下达，对学生的实验成果和实验成绩管理等操作。 管理员角色 系统管理员可以管理整个系统的数据，比如可以管理教师和学生的个人资料，对违反了网站及学校实验室规定的同学可以进行删除。除了管理教师和学生的信息外，管理员用户还可以对公告信息及新闻信息等进行管理。 环境说明： 开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7 数据库工具：Navicat11 开发软件：eclipse/idea Maven包：Maven3.3 服务器：tomcat7
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、本项目仅用作交流学习参考，请切勿用于商业用途。
管理员 管理员管理 工作人员管理 用户管理 公告信息管理 往届项目管理 工作人员 个人资料修改 公告查看 项目申报信息管理，发布（项目申报信息、要求、时间节点等信息） 项目模板管理 往届项目查询 用户 个人资料修改 公告查看 项目模板下载 项目申报信息查看 我的项目申报 项目申报结果查看 环境说明： 开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7 数据库工具：Navicat11 开发软件：eclipse/idea Maven包：Maven3.3 服务器：tomcat7
福禄寿FloruitShow - 多一个世界 [mqms].ogg
Python课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。
商业企业资本结构与公司价值关系研究 开题报告.docx
间位芳纶纸全球市场研究报告：2023年市场规模达到约6.31亿美元 在特种纸材料领域，间位芳纶纸以其高强度、耐高温、耐腐蚀、本质阻燃和卓越的电绝缘性能，成为了现代工业不可或缺的关键材料。从电气绝缘到蜂窝结构材料，再到民间用品，间位芳纶纸的广泛应用不仅推动了多个行业的进步，更展现了其巨大的市场潜力。然而。本文将深入探讨间位芳纶纸市场的现状、技术创新、应用领域、竞争格局及未来趋势，并强调用户咨询在引领市场发展中的关键作用。 市场概况 据QYR最新调研，2023年全球间位芳纶纸市场规模达到约6.31亿美元，同比增长12.88%。这一增长主要得益于电气绝缘领域和蜂窝芯材领域的强劲需求。电气绝缘领域作为间位芳纶纸的主要应用领域，2023年占比高达62.76%，而蜂窝芯材领域则紧随其后，占比34.71%。在中国市场，间位芳纶纸的发展同样令人瞩目。尽管起步较晚，但得益于技术进步和政策支持，国内间位芳纶纸市场规模持续走高，从2016年的4.8亿元增长至2023年的10亿元，期间复合年增长率为12.01%。 技术创新与趋势 技术创新是推动间位芳纶纸市场发展的核心动力。随着纳米技术、智能制造等技术的不断发
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、本项目仅用作交流学习参考，请切勿用于商业用途。
Python 批量转换PPT、Excel、Word为PDF文件工具
四川大学期末考试试题(开卷).pdf
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、本项目仅用作交流学习参考，请切勿用于商业用途。
springboot-基于JavaScript的在线考试系统.zip
深圳市2005-2024年近20年的历史气象数据，每3小时更新一次数据，参数包含气温、气压、降水量、云层、能见度、风向、湿度等，几万条数据
Python课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。
2024北邮数电大实验——实验3：水位检测与控制 全功能代码开源。本人期末复习任务繁重，代码无时间作详细注释。