http://snippets.dzone.com/posts Fri, 25 Jul 2008 07:59:23 GMT DZone Snippets: className code http://snippets.dzone.com/posts/show/2630 I often have to manipulate class names of objects in javascript. <br />But className can have multiple classes in it. <br />These functions deal with that. <br /> <br /><code> <br />// ---------------------------------------------------------------------------- <br />// HasClassName <br />// <br />// Description : returns boolean indicating whether the object has the class name <br />// built with the understanding that there may be multiple classes <br />// <br />// Arguments: <br />// objElement - element to manipulate <br />// strClass - class name to add <br />// <br />function HasClassName(objElement, strClass) <br /> { <br /> <br /> // if there is a class <br /> if ( objElement.className ) <br /> { <br /> <br /> // the classes are just a space separated list, so first get the list <br /> var arrList = objElement.className.split(' '); <br /> <br /> // get uppercase class for comparison purposes <br /> var strClassUpper = strClass.toUpperCase(); <br /> <br /> // find all instances and remove them <br /> for ( var i = 0; i < arrList.length; i++ ) <br /> { <br /> <br /> // if class found <br /> if ( arrList[i].toUpperCase() == strClassUpper ) <br /> { <br /> <br /> // we found it <br /> return true; <br /> <br /> } <br /> <br /> } <br /> <br /> } <br /> <br /> // if we got here then the class name is not there <br /> return false; <br /> <br /> } <br />// <br />// HasClassName <br />// ---------------------------------------------------------------------------- <br /> <br /> <br />// ---------------------------------------------------------------------------- <br />// AddClassName <br />// <br />// Description : adds a class to the class attribute of a DOM element <br />// built with the understanding that there may be multiple classes <br />// <br />// Arguments: <br />// objElement - element to manipulate <br />// strClass - class name to add <br />// <br />function AddClassName(objElement, strClass, blnMayAlreadyExist) <br /> { <br /> <br /> // if there is a class <br /> if ( objElement.className ) <br /> { <br /> <br /> // the classes are just a space separated list, so first get the list <br /> var arrList = objElement.className.split(' '); <br /> <br /> // if the new class name may already exist in list <br /> if ( blnMayAlreadyExist ) <br /> { <br /> <br /> // get uppercase class for comparison purposes <br /> var strClassUpper = strClass.toUpperCase(); <br /> <br /> // find all instances and remove them <br /> for ( var i = 0; i < arrList.length; i++ ) <br /> { <br /> <br /> // if class found <br /> if ( arrList[i].toUpperCase() == strClassUpper ) <br /> { <br /> <br /> // remove array item <br /> arrList.splice(i, 1); <br /> <br /> // decrement loop counter as we have adjusted the array's contents <br /> i--; <br /> <br /> } <br /> <br /> } <br /> <br /> } <br /> <br /> // add the new class to end of list <br /> arrList[arrList.length] = strClass; <br /> <br /> // add the new class to beginning of list <br /> //arrList.splice(0, 0, strClass); <br /> <br /> // assign modified class name attribute <br /> objElement.className = arrList.join(' '); <br /> <br /> } <br /> // if there was no class <br /> else <br /> { <br /> <br /> // assign modified class name attribute <br /> objElement.className = strClass; <br /> <br /> } <br /> <br /> } <br />// <br />// AddClassName <br />// ---------------------------------------------------------------------------- <br /> <br /> <br />// ---------------------------------------------------------------------------- <br />// RemoveClassName <br />// <br />// Description : removes a class from the class attribute of a DOM element <br />// built with the understanding that there may be multiple classes <br />// <br />// Arguments: <br />// objElement - element to manipulate <br />// strClass - class name to remove <br />// <br />function RemoveClassName(objElement, strClass) <br /> { <br /> <br /> // if there is a class <br /> if ( objElement.className ) <br /> { <br /> <br /> // the classes are just a space separated list, so first get the list <br /> var arrList = objElement.className.split(' '); <br /> <br /> // get uppercase class for comparison purposes <br /> var strClassUpper = strClass.toUpperCase(); <br /> <br /> // find all instances and remove them <br /> for ( var i = 0; i < arrList.length; i++ ) <br /> { <br /> <br /> // if class found <br /> if ( arrList[i].toUpperCase() == strClassUpper ) <br /> { <br /> <br /> // remove array item <br /> arrList.splice(i, 1); <br /> <br /> // decrement loop counter as we have adjusted the array's contents <br /> i--; <br /> <br /> } <br /> <br /> } <br /> <br /> // assign modified class name attribute <br /> objElement.className = arrList.join(' '); <br /> <br /> } <br /> // if there was no class <br /> // there is nothing to remove <br /> <br /> } <br />// <br />// RemoveClassName <br />// ---------------------------------------------------------------------------- <br /> <br /></code> Wed, 20 Sep 2006 21:34:35 GMT http://snippets.dzone.com/posts/show/2630 Will_Rickards (Will Rickards)