The seven rules of unobtrusive JavaScript

Reproduced with permission from Christian's wait-till-i.com developer resource/blog site, this article provides a very useful set of tips for any experienced JavaScript developer wanting to improve their unobtrusive JavaScript skills. Now read on...!

( Read the article )

Cool article...

I noticed this:
xxxx:function){

on a couple of code examples... Shouldn't this be:
xxxx:function(){

You are right. This is a parser bug - the missing brackets are there in the original article source code ;-(

I'll try to fix this.

A very interesting and insightful article. I sincerely hope that it will be read by as many people as possible and that they will follow the guidelines presented in it. Being a programer myself I often have to work on code I received from my colleagues and too often I have problems in unedrstanging their work. Some people just tend to wirte in such an unclear manner and don't even bother to add comments in crucial or complex parts of the code.

Wonderful tips, thank you so much! I often find myself in trouble because of scripts designed by someone else. I have to show this atricle to my colleagues from work, hopefuly they will benefit from reading it. Some time age other designers defining some variables as global were a real pain in the neck.

document.documentElement.id = "js" is more elegant than document.body.className. This adds id="js" to the "html" element and then #js can be used in CSS selector.

See http://harisov.livejournal.com/63790.html (in Russian).

I quite recently met with js. It was here found by me very much a lot of good advices is on js, html, and css.It very good article Thank you for your post!

Very competent article + large base of interesting information. I think that these rules will help many people to correct the javascript code (especially to the novices). I already did for itself a code simpler, quick, and more beautiful. Thank you.

About rule #1 : If i need to test something (like html, css OR! js-code), i run firebug for firefox, testing there and then use it in my source code. It is powerfull instrument, because all variables are loaded and i can use their anyhow. ))