CSS——操作css文件
//动态 css文件内容。 修改鼠标经过时行、单元格的背景颜色
function header_rowOrcell_over(divGrid) {
var gridopts = divGrid.data("PartConfig");
var customStyle = gridopts.customStyle;
var easyuiCss= $("body").data("easyuiCss");
var overCss = $("body").data("overCss"); //获取光标的样式
var selectedCss = $("body").data("selectedCss"); //选中行的样式
if (!easyuiCss) { //之前没有保存 easyui.css 相关的内容,则获取
var styleSheetArr = document.styleSheets;
var styleSheet = null;
for (var i = 0; i < styleSheetArr.length; i++) {
if (styleSheetArr[i].href.indexOf("/cwbase/bi/binewweb/Styles/themes/metro/easyui.css") > -1) { //获取 保存 easyui.css 文件内容的对象。
styleSheet = styleSheetArr[i];
break;
}
} easyuiCss = styleSheet.cssRules;
$("body").data("easyuiCss", easyuiCss);
}
if (!overCss || !selectedCss) { //之前没有保存,则获取
for (var i = 0; i < easyuiCss.length; i++) {
if (easyuiCss[i].selectorText.indexOf(".datagrid-header td.datagrid-header-over") > -1) {
overCss = easyuiCss[i];
$("body").data("overCss", overCss);
if ($("body").data("selectedCss")) { //selectedCss 也已经获取
break;
}
}
if (easyuiCss[i].selectorText.indexOf(".datagrid-row-selected") > -1) {
selectedCss = easyuiCss[i];
$("body").data("selectedCss", selectedCss);
if ($("body").data("overCss")) { //overCss 也已经获取
break;
}
}
}
}
if (customStyle.headerBackColorOver) {
overCss.style.backgroundColor = customStyle.headerBackColorOver;
}
if (customStyle.rowSelectBackColor) {
selectedCss.style.backgroundColor = customStyle.rowSelectBackColor;
} }
//动态 css文件内容。 修改鼠标经过时行、单元格的背景颜色function header_rowOrcell_over(divGrid) { var gridopts = divGrid.data("PartConfig"); var customStyle = gridopts.customStyle; var easyuiCss= $("body").data("easyuiCss"); var overCss = $("body").data("overCss"); //获取光标的样式 var selectedCss = $("body").data("selectedCss"); //选中行的样式 if (!easyuiCss) { //之前没有保存 easyui.css 相关的内容,则获取 var styleSheetArr = document.styleSheets; var styleSheet = null; for (var i = 0; i < styleSheetArr.length; i++) { if (styleSheetArr[i].href.indexOf("/cwbase/bi/binewweb/Styles/themes/metro/easyui.css") > -1) { //获取 保存 easyui.css 文件内容的对象。 styleSheet = styleSheetArr[i]; break; } }
easyuiCss = styleSheet.cssRules; $("body").data("easyuiCss", easyuiCss); } if (!overCss || !selectedCss) { //之前没有保存,则获取 for (var i = 0; i < easyuiCss.length; i++) { if (easyuiCss[i].selectorText.indexOf(".datagrid-header td.datagrid-header-over") > -1) { overCss = easyuiCss[i]; $("body").data("overCss", overCss); if ($("body").data("selectedCss")) { //selectedCss 也已经获取 break; } } if (easyuiCss[i].selectorText.indexOf(".datagrid-row-selected") > -1) { selectedCss = easyuiCss[i]; $("body").data("selectedCss", selectedCss); if ($("body").data("overCss")) { //overCss 也已经获取 break; } } } } if (customStyle.headerBackColorOver) { overCss.style.backgroundColor = customStyle.headerBackColorOver; } if (customStyle.rowSelectBackColor) { selectedCss.style.backgroundColor = customStyle.rowSelectBackColor; } }
CSS——操作css文件的更多相关文章
- jquery 学习(五) - CSS 操作
HTML + CSS 样式 /*CSS样式*/<style> body{ margin: 0; } div{ width: 100%; height: 2000px; background ...
- jQuery DOM/属性/CSS操作
jQuery DOM 操作 创建元素 只需要把DOM字符串传入$方法即可返回一个 jQuery 对象 var obj = $('<div class="test">&l ...
- gulp实现打包js/css/img/html文件,并对js/css/img文件加上版本号
参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/498 ...
- Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题
调用bootstrap css框架时,将bootstrap文件夹放入 vendor/assets/下 bootstrap文件结构如下: [shenma@localhost demo]$ ls v ...
- CSS 和 JS 文件合并工具
写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令 ...
- 使用时间戳引入css、js文件
前言 最近在一家创业公司实习,主要负责新版官网和商家平台管理系统的前端开发和维护,每次测试都要上传文件到ftp服务器端测试,初期由于更新修改比较频繁,每次都是直接上传覆盖css.js.php文件,链接 ...
- gulp 之一 安装及简单CSS,JS文件合并压缩
最近研究了一下gulp构建工具,发现使用起来比grunt顺手一些.(个人感受),以下是grunt和gulp构建方式和原理: grunt 基于文件方式构建,会把文件先写到临时目录下,然后进行读文件,修改 ...
- 解决修改css或js文件后,浏览器缓存未更新问题
问题描述:最近在上线新版本项目的时候,发现有的用户的操作还是调用的老版本JS里面的内容,这样就造成原来新的JS里面加上的限制不能限制用户的操作,从而导致用户可以重复操作. 问题产生原因: 如果在用户之 ...
- JS BOM DOM对象 select联动 计时器 时间 css操作 节点(标签 ) 查找标签 {前端基础之BOM和DOM}
前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...
随机推荐
- JSON简介[转]
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. 它基于JavaScript Programming Lan ...
- C#将html代码转换成文本代码
/// <summary> /// 去除HTML标记 /// </summary> /// <param name="strHtml">包括HT ...
- 快速排序的partition版本实现
int partition(int arr[], int low, int high) { int pivot = arr[high]; int i = low-1; for (int j = low ...
- AX内部公司
<object width="450" height="500" align="middle" id="reader&quo ...
- Cookie简单实例
Cookie简单实例 1.创建CookieServlet package com.servlet.study; import java.io.IOException; import java.io.P ...
- BZOJ4521 Cqoi2016 手机号码 【数位DP】
Description 人们选择手机号码时都希望号码好记.吉利.比如号码中含有几位相邻的相同数字.不含谐音不吉利的数字等.手机运营商在发行新号码时也会考虑这些因素,从号段中选取含有某些特征的号码单独出 ...
- hadoop入门手册5:Hadoop【2.7.1】初级入门之命令:文件系统shell2
问题导读 1.改变hdfs文件的权限,需要修改哪个配置文件?2.获取一个文件的或则目录的权限,哪个命令可以实现?3.哪个命令可以实现设置访问控制列表(ACL)的文件和目录? 接上篇:Hadoop[2. ...
- 如何理解HTTP协议的 “无连接,无状态” 特点?
HTTP 是一个属于应用层的面向对象的协议,HTTP 协议一共有五大特点:1.支持客户/服务器模式:2.简单快速:3.灵活:4.无连接:5.无状态. 无连接 无连接的含义是限制每次连接只处理一个请求. ...
- L2TP/IPSec一键安装脚本
本脚本适用环境:系统支持:CentOS6+,Debian7+,Ubuntu12+内存要求:≥128M更新日期:2017 年 05 月 28 日 关于本脚本:名词解释如下L2TP(Layer 2 Tun ...
- 笔记:加密 RSA AES
笔记:加密 RSA AES RSA 是非对称加密,有公钥和私钥. RSA算法原理(一) http://www.ruanyifeng.com/blog/2013/06/rsa_algorithm_par ...