// Splintered striper 1.3// reworking of Zebra Tables and similar methods which works not only for tables and even/odd rows,// but as a general DOM means of assigning any number of classes to children of a parent element.// Patrick H. Lauke aka redux / www.splintered.co.uk// Distributed under the Creative Commons Attribution-ShareAlike license - http://creativecommons.org/licenses/by-sa/2.0//* * Summary: Core experiment function that applies any number of classes to all child elements * contained in all occurences of a parent element (either with or without a specific class) * Parameters: parentElementTag - parent tag name * parentElementClass - class assigned to the parent; if null, all parentElementTag elements will be affected * childElementTag - tag name of the child elements to apply the styles to * styleClasses - comma separated list of any number of style classes (using 2 classes gives the classic "zebra" effect) * Return: none */function striper(parentElementTag, parentElementClass, childElementTag, styleClasses){ var i=0,currentParent,currentChild; // capability and sanity check if ((document.getElementsByTagName)&&(parentElementTag)&&(childElementTag)&&(styleClasses)) { // turn the comma separate list of classes into an array var styles = styleClasses.split(','); // get an array of all parent tags var parentItems = document.getElementsByTagName(parentElementTag); // loop through all parent elements while (currentParent = parentItems[i++]) { // if parentElementClass was null, or if the current parent's class matches the specified class if ((parentElementClass == null)||(currentParent.className == parentElementClass)) { var j=0,k=0; // get all child elements in the current parent element var childItems = currentParent.getElementsByTagName(childElementTag); // loop through all child elements while (currentChild = childItems[j++]) { // based on the current element and the number of styles in the array, work out which class to apply k = (j+(styles.length-1)) % styles.length; // add the class to the child element - if any other classes were already present, they're kept intact currentChild.className = currentChild.className+" "+styles[k]; } } } }}