js ondocumentready onmouseover onclick onmouseout 样式


Posted in Javascript onJuly 22, 2010
<PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="doInit()" /> 
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="doMouseover()" /> 
<PUBLIC:ATTACH EVENT="onclick" ONEVENT="doClick()" /> 
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="doMouseout()" /> 
<PUBLIC:PROPERTY name="test" /> 
<SCRIPT LANGUAGE="JavaScript"> 
var lastObj = null; 
var lastColor = null; 
function doInit(){ 
if(element==null){ 
return; 
} 
var objT = element.children[0]; 
try{ 
objT.rows(0).className="grid_title"; 
objT.rows(1).className="grid_title"; 
} 
catch(err){ 
objT.className="grid_title"; 
} 
objT = element.children[1]; 
if(objT.rows(0)==null){ 
return; 
} 
objT.rows(0).className="gridding1"; 
for(i=1;i<objT.rows.length;i++){ 
if(i%2==1){ 
objT.rows(i).className="gridding1"; 
} 
else{ 
objT.rows(i).className="gridding1"; 
} 
} 
} 
function doClick(){ 
if(event.srcElement.tagName=="TD"){ 
var curObj = event.srcElement.parentElement; 
if(curObj.rowIndex==0) return false; 
try{ 
if(curObj.children[0].children.length == 0 ) return false; 
} 
catch(err){ 
return false; 
} 
if(curObj.children[0].children[0].checked){ 
curObj.children[0].children[0].checked = false; 
} 
else{ 
lastObj = curObj; 
lastColor = "#FFFFFF"; 
curObj.children[0].children[0].checked = true; 
} 
} 
if(event.srcElement.tagName =="INPUT"){ 
try{ 
var curObj = event.srcElement.parentElement.parentElement; 
if(curObj.rowIndex==0) { 
var obj = curObj.parentElement.parentElement; 
for(i=1;i<obj.rows.length;i++){ 
if(obj.rows(0).children[0].children[0].checked){ 
obj.rows(i).children[0].children[0].checked = true; 
obj.rows(i).style.backgroundColor="#FFFFFF"; 
obj.rows(i).style.color="#000000"; 
} 
else{ 
obj.rows(i).children[0].children[0].checked = false; 
if(i%2==1){ 
obj.rows(i).style.backgroundColor="#FFFFFF"; 
obj.rows(i).style.color="#000000"; 
} 
else{ 
obj.rows(i).style.backgroundColor="#FFFFFF"; 
obj.rows(i).style.color="#000000"; 
} 
} 
} 
} 
} 
catch(err){ 
return true; 
} 
} 
} 
function doMouseover(){ 
if( event.srcElement.tagName=="TD"){ 
var curObj = event.srcElement.parentElement; 
if(curObj.rowIndex==0) return false; 
curObj.style.backgroundColor="#F2FFEE"; 
} 
if( event.srcElement.tagName=="INPUT"){ 
var curObj = event.srcElement.parentElement.parentElement; 
if(curObj.rowIndex==0) return false; 
curObj.style.backgroundColor="#F2FFEE"; 
} 
} 
function doMouseout(){ 
if(event.srcElement.tagName=="TD"){ 
var curObj = event.srcElement.parentElement; 
if(curObj.rowIndex==0) return false; 
try{ 
if(curObj.children[0].children.length == 0 ) { 
if(curObj.rowIndex%2==1){ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
else{ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
return true; 
} 
} 
catch(err){ 
if(curObj.rowIndex%2==1){ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
else{ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
return true; 
} 
if(curObj.rowIndex%2==1) 
if(curObj.children[0].children[0].checked){ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
else{ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
else 
if(curObj.children[0].children[0].checked){ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
else{ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
} 
if(event.srcElement.tagName=="INPUT"){ 
var curObj = event.srcElement.parentElement.parentElement; 
if(curObj.rowIndex==0) return false; 
try{ 
if(curObj.rowIndex%2==1){ 
if(curObj.children[0].children[0].checked){ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
else{ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
} 
else{ 
if(curObj.children[0].children[0].checked){ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
else{ 
curObj.style.backgroundColor="#FFFFFF"; 
curObj.style.color="#000000"; 
} 
} 
} 
catch(err){ 
return true; 
} 
} 
} 
</SCRIPT>
Javascript 相关文章推荐
不错的JS中变量相关的细节分析
Aug 13 Javascript
用javascript来实现动画导航效果的代码
Dec 16 Javascript
jquery 追加tr和删除tr示例代码
Sep 12 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
Dec 11 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
web 前端常用组件之Layer弹出层组件
Sep 22 Javascript
js表单登陆验证示例
Oct 19 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
js 数据类型判断的方法
Dec 03 Javascript
vue+element_ui上传文件,并传递额外参数操作
Dec 05 Vue.js
javascript基础第一章 JavaScript与用户端
Jul 22 #Javascript
aspx中利用js实现确认删除代码
Jul 22 #Javascript
JS实现self的resend
Jul 22 #Javascript
JavaScript编程开发中的五个实用小技巧
Jul 22 #Javascript
关于javascript DOM事件模型的两件事
Jul 22 #Javascript
JavaScript 事件系统
Jul 22 #Javascript
(function($){...})(jQuery)的意思
Jul 22 #Javascript
You might like
php数据库抽象层 PDO
2011/05/07 PHP
php 错误处理经验分享
2011/10/11 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
php之Smarty模板使用方法示例详解
2014/07/08 PHP
PHP中exec函数和shell_exec函数的区别
2014/08/20 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
bootstrap精简教程_动力节点Java学院整理
2017/07/14 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
JS实现闭包中的沙箱模式示例
2017/09/07 Javascript
Node.js net模块功能及事件监听用法分析
2019/01/05 Javascript
vue插槽slot的理解和使用方法
2019/04/03 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
2020/05/13 Javascript
python中django框架通过正则搜索页面上email地址的方法
2015/03/21 Python
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
详解 Python 与文件对象共事的实例
2017/09/11 Python
python实现随机森林random forest的原理及方法
2017/12/21 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
python超时重新请求解决方案
2019/10/21 Python
python手机号前7位归属地爬虫代码实例
2020/03/31 Python
Pytorch1.5.1版本安装的方法步骤
2020/12/31 Python
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
Falconeri美国官网:由羊绒和羊毛制成的针织服装
2018/04/08 全球购物
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
实习自我鉴定范文
2013/10/30 职场文书
仪器仪表检测毕业生自荐信
2013/10/31 职场文书
实习自我鉴定
2013/12/15 职场文书
建筑班组长岗位职责
2014/01/02 职场文书
《望洞庭》教学反思
2014/02/16 职场文书
作风大整顿心得体会
2014/09/10 职场文书
教师听课学习心得体会
2016/01/15 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP
Python编程super应用场景及示例解析
2021/10/05 Python