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实现动画效果的方法
Jul 20 Javascript
JS中如何设置readOnly的值
Dec 25 Javascript
详解JavaScript的策略模式编程
Jun 24 Javascript
JavaScript实现对下拉列表值进行排序的方法
Jul 15 Javascript
Bootstrap项目实战之子栏目资讯内容
Apr 25 Javascript
jQuery 判断是否包含在数组中Array[]的方法
Aug 03 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 Javascript
9种方法优化jQuery代码详解
Feb 04 jQuery
js实现贪吃蛇小游戏(加墙)
Jul 31 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
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
Javascript基础教程之JavaScript语法
2015/01/18 Javascript
js用拖动滑块来控制图片大小的方法
2015/02/27 Javascript
JS原型、原型链深入理解
2016/02/27 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
原生js封装添加class,删除class的实例
2017/11/06 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
2019/05/16 Javascript
vue 使用 canvas 实现手写电子签名
2020/03/06 Javascript
vue内置组件component--通过is属性动态渲染组件操作
2020/07/28 Javascript
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
python 多线程应用介绍
2012/12/19 Python
详谈python3 numpy-loadtxt的编码问题
2018/04/29 Python
如何基于python生成list的所有的子集
2019/11/11 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
Python API len函数操作过程解析
2020/03/05 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
Python 在 VSCode 中使用 IPython Kernel 的方法详解
2020/09/05 Python
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
森海塞尔美国官网:Sennheiser耳机与耳麦
2017/07/19 全球购物
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
顺丰快递Java软件工程师面试题
2015/07/31 面试题
心理学专业毕业生推荐信范文
2013/11/21 职场文书
公积金单位接收函
2014/01/11 职场文书
大专生毕业的自我评价
2014/02/06 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书
贫困生证明范文
2015/06/16 职场文书
中学总务处工作总结
2015/08/12 职场文书