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 相关文章推荐
JavaScript中使用构造函数实现继承的代码
Aug 12 Javascript
Google (Local) Search API的简单使用介绍
Nov 28 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
JS排序算法之希尔排序与快速排序实现方法
Dec 12 Javascript
详解vue使用插槽分发内容slot的用法
Mar 28 Javascript
微信小程序从注册账号到上架(图文详解)
Jul 17 Javascript
jquery实现购物车基本功能
Oct 25 jQuery
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 Javascript
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
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
2010/03/27 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
php 类自动载入的方法
2015/06/03 PHP
php处理带有中文URL的方法
2016/07/11 PHP
php中引用符号(&amp;)的使用详细介绍
2016/12/06 PHP
Thinkphp通过一个入口文件如何区分移动端和PC端
2017/04/18 PHP
二行代码解决全部网页木马
2008/03/28 Javascript
jQuery 使用手册(三)
2009/09/23 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
jquery简单倒计时实现方法
2015/12/18 Javascript
谈一谈js中的执行环境及作用域
2016/03/30 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
koa router 多文件引入的方法示例
2019/05/22 Javascript
node.js中npm包管理工具用法分析
2020/02/14 Javascript
零基础写python爬虫之抓取百度贴吧并存储到本地txt文件改进版
2014/11/06 Python
python返回昨天日期的方法
2015/05/13 Python
Python实现的人工神经网络算法示例【基于反向传播算法】
2017/11/11 Python
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
文秘人员工作职责
2014/01/31 职场文书
教师个人自我鉴定
2014/02/08 职场文书
农村婚庆司仪主持词
2014/03/15 职场文书
实习推荐信
2014/05/10 职场文书
司机岗位职责说明书
2014/07/29 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
正风肃纪剖析材料
2014/09/30 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android
python绘制云雨图raincloud plot
2022/08/05 Python