Mootools Domready

Don't use window.onload to run code as soon as the page is loaded, instead, use the mootools way, called the DomReady event. (More on Events later.) Code wrapped inside of DomReady will execute as soon as the DOM is ready to be interacted with.

Do this,

 window.addEvent("domready", function(){
  // Your code goes here.
 });

instead of,

window.onload = function(){
 // Your code here.
};

The advantages of this is that you do not need to wait for slow external resources (like images) to load.

Additionally, there is also an alternative syntax for this.

 function myFunction() {
  // Your code here.
 }
 
 window.addEvent("domready", myFunction);

This attaches the myFunction to the DomReady event to run when it (the event) is fired.

Keep in mind: the code presented in the rest of the walkthrough, if not explicitly being called by another function/method will probably be called with the domready event.

Next: The $ Function