upgraded to yui 0.12.0
upgraded to yui-ext 0.33 rc2
This commit is contained in:
parent
62b3d90db7
commit
cfd09a5cb6
1271 changed files with 539033 additions and 0 deletions
157
www/extras/yui-ext/source/CSS.js
vendored
Normal file
157
www/extras/yui-ext/source/CSS.js
vendored
Normal file
|
|
@ -0,0 +1,157 @@
|
|||
/*
|
||||
* YUI Extensions 0.33 RC2
|
||||
* Copyright(c) 2006, Jack Slocum.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @class YAHOO.ext.util.CSS
|
||||
* Class for manipulating CSS Rules
|
||||
* @singleton
|
||||
*/
|
||||
YAHOO.ext.util.CSS = new function(){
|
||||
var rules = null;
|
||||
|
||||
var toCamel = function(property) {
|
||||
var convert = function(prop) {
|
||||
var test = /(-[a-z])/i.exec(prop);
|
||||
return prop.replace(RegExp.$1, RegExp.$1.substr(1).toUpperCase());
|
||||
};
|
||||
while(property.indexOf('-') > -1) {
|
||||
property = convert(property);
|
||||
}
|
||||
return property;
|
||||
};
|
||||
|
||||
/**
|
||||
* Gets all css rules for the document
|
||||
* @param {Boolean} refreshCache true to refresh the internal cache
|
||||
* @return {Object} An object (hash) of rules indexed by selector
|
||||
*/
|
||||
this.getRules = function(refreshCache){
|
||||
if(rules == null || refreshCache){
|
||||
rules = {};
|
||||
var ds = document.styleSheets;
|
||||
for(var i =0, len = ds.length; i < len; i++){
|
||||
try{
|
||||
var ss = ds[i];
|
||||
var ssRules = ss.cssRules || ss.rules;
|
||||
for(var j = ssRules.length-1; j >= 0; --j){
|
||||
rules[ssRules[j].selectorText] = ssRules[j];
|
||||
}
|
||||
}catch(e){} // try catch for cross domain access issue
|
||||
}
|
||||
}
|
||||
return rules;
|
||||
};
|
||||
|
||||
/**
|
||||
* Gets an an individual CSS rule by selector(s)
|
||||
* @param {String/Array} selector The CSS selector or an array of selectors to try. The first selector that is found is returned.
|
||||
* @param {Boolean} refreshCache true to refresh the internal cache
|
||||
* @return {CSSRule} The CSS rule or null if one is not found
|
||||
*/
|
||||
this.getRule = function(selector, refreshCache){
|
||||
var rs = this.getRules(refreshCache);
|
||||
if(!(selector instanceof Array)){
|
||||
return rs[selector];
|
||||
}
|
||||
for(var i = 0; i < selector.length; i++){
|
||||
if(rs[selector[i]]){
|
||||
return rs[selector[i]];
|
||||
}
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Updates a rule property
|
||||
* @param {String/Array} selector If it's an array it tries each selector until it finds one. Stops immediately once one is found.
|
||||
* @param {String} property The css property
|
||||
* @param {String} value The new value for the property
|
||||
* @return {Boolean} true if a rule was found and updated
|
||||
*/
|
||||
this.updateRule = function(selector, property, value){
|
||||
if(!(selector instanceof Array)){
|
||||
var rule = this.getRule(selector);
|
||||
if(rule){
|
||||
rule.style[toCamel(property)] = value;
|
||||
return true;
|
||||
}
|
||||
}else{
|
||||
for(var i = 0; i < selector.length; i++){
|
||||
if(this.updateRule(selector[i], property, value)){
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* Applies a rule to an element without adding the class
|
||||
* @param {HTMLElement} el The element
|
||||
* @param {String/Array} selector If it's an array it tries each selector until it finds one. Stops immediately once one is found.
|
||||
* @return {Boolean} true if a rule was found and applied
|
||||
*/
|
||||
this.apply = function(el, selector){
|
||||
if(!(selector instanceof Array)){
|
||||
var rule = this.getRule(selector);
|
||||
if(rule){
|
||||
var s = rule.style;
|
||||
for(var key in s){
|
||||
if(typeof s[key] != 'function'){
|
||||
if(s[key] && String(s[key]).indexOf(':') < 0 && s[key] != 'false'){
|
||||
try{el.style[key] = s[key];}catch(e){}
|
||||
}
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}else{
|
||||
for(var i = 0; i < selector.length; i++){
|
||||
if(this.apply(el, selector[i])){
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
this.applyFirst = function(el, id, selector){
|
||||
var selectors = [
|
||||
'#' + id + ' ' + selector,
|
||||
selector
|
||||
];
|
||||
return this.apply(el, selectors);
|
||||
};
|
||||
|
||||
this.revert = function(el, selector){
|
||||
if(!(selector instanceof Array)){
|
||||
var rule = this.getRule(selector);
|
||||
if(rule){
|
||||
for(key in rule.style){
|
||||
if(rule.style[key] && String(rule.style[key]).indexOf(':') < 0 && rule.style[key] != 'false'){
|
||||
try{el.style[key] = '';}catch(e){}
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}else{
|
||||
for(var i = 0; i < selector.length; i++){
|
||||
if(this.revert(el, selector[i])){
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
this.revertFirst = function(el, id, selector){
|
||||
var selectors = [
|
||||
'#' + id + ' ' + selector,
|
||||
selector
|
||||
];
|
||||
return this.revert(el, selectors);
|
||||
};
|
||||
}();
|
||||
Loading…
Add table
Add a link
Reference in a new issue