Way cool, some valid points! I appreciate you making this article available, the rest of the site is also high quality. Have a fun….

It’s really a nice and helpful piece of info. I am glad that you shared this helpful information with us. Please keep us informed like this. Thank you for sharing….

I was recommended this website by my cousin. I’m not sure whether this post is written by him as nobody else know such detailed about my difficulty. You are amazing! Thanks!…

I just couldn’t depart your website before suggesting that I extremely enjoyed the standard info a person provide for your visitors? Is going to be back often in order to check up on new posts…

————————–

function cssjs(action, object, className) {

if (action == ‘add’) {

if (!cssjs(‘check’, object, className)) {
object.className += (object.className == ” ? ” : ‘ ‘) + className;
}

} else if (action == ‘remove’) {

var exp = new RegExp(‘(^’ + className + ‘( |$)| ‘ + className + ‘\\b)’);
object.className = object.className.replace(exp, ”);

} else if (action == ‘check’) {

var exp = new RegExp(‘\\b’ + className + ‘\\b’);
return exp.test(object.className);

}

return true;

}

————————–

http://www.onlinetools.org/articles/unobtrusivejavascript/cssjsseparation.html

NOTE: I have slightly edited the code as I did not need the ‘swap’ feature, and also it needed some cleanup when it came to running in Firefox with Strict JavaScript error reporting enabled.

Anyway, it provides a simple interface for adding, removing or checking for the presence of class names.

This gets around the problem of setting the ‘.className’ and over-riding the class values from other scripts running on the website.

As another little tip… try to prefix your class names with ‘js’, so you can identify your JavaScript styles.

For example, something I quite regularly do is add a ‘jsEnabled’ class to the parent of the elements that the JavaScript is working on.