/**
* Toggle ClassName
* Works on els with multiple classnames
*/
function toggleClassname (el, newClassname, defaultClassname) {
if (hasClass( el, defaultClassname)){
var re = new RegExp("(^|s)" + defaultClassname + "(s|$)");
el.className = el.className.replace(re, ' '+ newClassname +' ');
} else if (hasClass( el, newClassname)){
var re = new RegExp("(^|s)" + newClassname + "(s|$)");
el.className = el.className.replace(re, ' '+ defaultClassname +' ');
} else
el.className += ' ' + newClassname;
}
/**
* Has Class? (Matt Kruse)
* Kruse's hasClass, with slight modification
* Determine if an object or class string contains a given class.
* see <a href="http://groups.google.com/group/comp.lang.javascript/browse_thread/thread/b68cac304ee6de78/e445c1df18698a3f?lnk=gst&q=hasclass&rnum=3" >http://groups.google.com/group/comp.lang.javascript/browse_thread/thread/b68cac304ee6de78/e445c1df18698a3f?lnk=gst&q=hasclass&rnum=3</a>
*/
function hasClass (obj, className) {
if (typeof obj == 'undefined' || obj==null || !RegExp) {
return false;
}
var re = new RegExp("(^|s)" + className + "(s|$)");
if (typeof(obj)=="string") {
return re.test(obj);
}
else if (typeof(obj)=="object" && obj.className) {
return re.test(obj.className);
}
return false;
};
Tag Archive for className
toggle classnames on a DOM element (supports multiple classnames)
Kruse’s hasClass
/*
** Matt Kruse's hasClass, with slight modification
** Determine if an object or class string contains a given class.
*/
function hasClass (obj, className) {
if (typeof obj == 'undefined' || obj==null || !RegExp) { return false; }
var re = new RegExp("(^|s)" + className + "(s|$)");
if (typeof(obj)=="string") {
return re.test(obj);
}
else if (typeof(obj)=="object" && obj.className) {
return re.test(obj.className);
}
return false;
}
Category: Uncategorized |
Tags: className, css, DOM, hasclass, icanhasclass, mattkruse, regex, selector, utilities, whitespace
class and className
object.className /* Example: */ var someObjectsClass = this.className;