/** * Written by Neil Crosby. * http://www.workingwith.me.uk/ * * Use this wherever you want, but please keep this comment at the top of this file. * * Copyright (c) 2006 Neil Crosby * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. **/ var css = { /** * Returns an array containing references to all elements * of a given tag type within a certain node which have a given class * * @param node the node to start from * (e.g. document, * getElementById('whateverStartpointYouWant') * ) * @param searchClass the class we're wanting * (e.g. 'some_class') * @param tag the tag that the found elements are allowed to be * (e.g. '*', 'div', 'li') **/ getElementsByClass : function(node, searchClass, tag) { var classElements = new Array(); var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); for (var i = 0, j = 0; i < elsLen; i++) { if (this.elementHasClass(els[i], searchClass) ) { classElements[j] = els[i]; j++; } } return classElements; }, /** * PRIVATE. Returns an array containing all the classes applied to this * element. * * Used internally by elementHasClass(), addClassToElement() and * removeClassFromElement(). **/ privateGetClassArray: function(el) { return el.className.split(' '); }, /** * PRIVATE. Creates a string from an array of class names which can be used * by the className function. * * Used internally by addClassToElement(). **/ privateCreateClassString: function(classArray) { return classArray.join(' '); }, /** * Returns true if the given element has been assigned the given class. **/ elementHasClass: function(el, classString) { if (!el) { return false; } var regex = new RegExp('\\b'+classString+'\\b'); if (el.className.match(regex)) { return true; } return false; }, /** * Adds classString to the classes assigned to the element with id equal to * idString. **/ addClassToId: function(idString, classString) { this.addClassToElement(document.getElementById(idString), classString); }, /** * Adds classString to the classes assigned to the given element. * If the element already has the class which was to be added, then * it is not added again. **/ addClassToElement: function(el, classString) { var classArray = this.privateGetClassArray(el); if (this.elementHasClass(el, classString)) { return; // already has element so don't need to add it } classArray.push(classString); el.className = this.privateCreateClassString(classArray); }, /** * Removes the given classString from the list of classes assigned to the * element with id equal to idString **/ removeClassFromId: function(idString, classString) { this.removeClassFromElement(document.getElementById(idString), classString); }, /** * Removes the given classString from the list of classes assigned to the * given element. If the element has the same class assigned to it twice, * then only the first instance of that class is removed. **/ removeClassFromElement: function(el, classString) { var classArray = this.privateGetClassArray(el); for (x in classArray) { if (classString == classArray[x]) { classArray[x] = ''; break; } } el.className = this.privateCreateClassString(classArray); } }