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 原型链学习总结
Oct 29 Javascript
玩转方法:call和apply
May 08 Javascript
JS 弹出层 定位至屏幕居中示例
May 21 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
iframe里使用JavaScript控制主页转向的方法
Apr 03 Javascript
原生js实现ajax方法(超简单)
Sep 20 Javascript
通过bootstrap全面学习less
Nov 09 Javascript
微信小程序 数据封装,参数传值等经验分享
Jan 09 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
Aug 03 Javascript
JS判断用户用的哪个浏览器实例详解
Oct 09 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 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
备份mysql数据库的php代码(一个表一个文件)
2010/05/28 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
php文件上传你必须知道的几点
2015/10/20 PHP
php实现URL加密解密的方法
2016/11/17 PHP
tp5(thinkPHP5框架)captcha验证码配置及验证操作示例
2019/05/28 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
Node.js用readline模块实现输入输出
2016/12/16 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
2018/09/22 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
微信小程序页面滚动到指定位置代码实例
2019/09/07 Javascript
对layui数据表格动态cols(字段)动态变化详解
2019/10/25 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
Python运算符重载详解及实例代码
2017/03/07 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
Python列表解析配合if else的方法
2018/06/23 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
基于python中__add__函数的用法
2019/11/25 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
python中round函数保留两位小数的方法
2020/12/04 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
.NET里面什么时候需要调用垃圾回收
2015/06/01 面试题
介绍一下linux文件系统分配策略
2012/11/17 面试题
法学毕业生自我鉴定
2013/11/08 职场文书
啤酒节策划方案
2014/05/28 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
JS新手入门数组处理的实用方法汇总
2021/04/07 Javascript