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 相关文章推荐
地震发生中逃生十大法则
May 12 Javascript
JavaScript 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
javascript 函数调用的对象和方法
Jul 01 Javascript
jquery.boxy插件的iframe扩展代码
Jul 02 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
jquery 实现上下滚动效果示例代码
Aug 09 Javascript
JavaScript设置body高度为浏览器高度的方法
Feb 09 Javascript
js获取当前日期前七天的方法
Feb 28 Javascript
jQuery实现3D文字特效的方法
Mar 10 Javascript
jQuery 3.0中存在问题及解决办法
Jul 15 Javascript
js时间戳与日期格式之间转换详解
Dec 11 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
Sep 02 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
php基础知识:类与对象(1)
2006/12/13 PHP
PHPMyAdmin 快速配置方法
2009/05/11 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
JS截取字符串常用方法整理及使用示例
2013/10/18 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
JS原型链怎么理解
2016/06/27 Javascript
jQuery简单设置文本框回车事件的方法
2016/08/01 Javascript
javascript加载xml 并解析各节点的值(实现方法)
2016/10/12 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
2016/11/03 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
2016/11/09 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
2018/01/16 Javascript
JavaScript实现多态和继承的封装操作示例
2018/08/20 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
微信小程序自定义modal弹窗组件的方法详解
2020/12/20 Javascript
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
Python 中list ,set,dict的大规模查找效率对比详解
2019/10/11 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
SHEIN香港:价格实惠的女性时尚服装
2018/08/14 全球购物
Mountain Warehouse德国官网:英国户外零售商
2019/08/11 全球购物
汽车机修工岗位职责
2014/03/06 职场文书
中班上学期幼儿评语
2014/04/30 职场文书
班风口号
2014/06/18 职场文书
树转促学习心得体会
2014/09/10 职场文书
分享几种python 变量合并方法
2022/03/20 Python