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的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...
随机推荐
- 【剑指offer】之字形打印二叉树,C++实现
原创文章,转载请注明出处! 本题牛客网地址 博客文章索引地址 博客文章中代码的github地址 1.题目 请实现一个函数按照之字形打印二叉树,即第一行按照从左到右的顺序打印,第二层按照从右至左的顺序打 ...
- linux下环境变量PATH设置错误的补救
本文转自: http://blog.clzg.cn/blog-614449-740527.html 之前不小心在/etc/profile中添加了错误的PATH变量,导致几乎所有的系统命令无法使用 ...
- 每天一个linux命令:【转载】pwd命令
Linux中用 pwd 命令来查看”当前工作目录“的完整路径. 简单得说,每当你在终端进行操作时,你都会有一个当前工作目录. 在不太确定当前位置时,就会使用pwd来判定当前目录在文件系统内的确切位置. ...
- 使用 Emit 生成 IL 代码
.NET Core/.NET Framework 的 System.Reflection.Emit 命名空间为我们提供了动态生成 IL 代码的能力.利用这项能力,我们能够在运行时生成一段代码/一个方法 ...
- hbase单机及集群安装配置,整合到hadoop
问题导读:1.配置的是谁的目录conf/hbase-site.xml,如何配置hbase.rootdir2.如何启动hbase?3.如何进入hbase shell?4.ssh如何达到互通?5.不安装N ...
- nginx-unit docker 运行以及php &&golang 简单使用
备注: nginx unit nginx 开源的新的nginx 开发平台,但是说白了,个人感觉一般,而且官方文档也不是很好, api 接口目前暂时文档比较....,以前写过虚拟机&& ...
- caddy server 默认https && http2的验证
1. 下载 https://caddyserver.com/ 注意选择应该包含的模块,此次包含了git 插件 2. 配置 使用 Caddyfile 内容如下: ro ...
- Linux之 xstart调用 x11vnc远程图形化桌面
问题:用 xmanager 中的 xstart 启动界面,报x11无法打开 . 1. root调整x11参数,将其打开[root@localhost ~]# vi /etc/ssh/sshd_conf ...
- Spring注入方式及用到的注解
注入方式: 把DAO实现类注入到service实现类中,把service的接口(注意不要是service的实现类)注入到action中,注 入时不要new 这个注入的类,因为spring会自动注入,如 ...
- Sql Server 2012 存储过程的调试
[一]Sql Server 关于存储过程调试SQL2000是在查询分析器中的对象浏览器中选中需要调试的存储过程,右键----调试---输入参数开始调试.sqlserver2008中则完全不同,变成了必 ...