Adding the Prototype framework

In this recipe, we will set up the Prototype framework for use in our Moodle page. We will then set up a simple Prototype script to display a JavaScript alert when this page has been loaded completely.

The following is a brief description of the framework from the Prototype website (http://www.prototypejs.org/):

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

Prototype is the basis for two extensions: script.aculo.us and Lightbox. We will look at these in the next two recipes to further enhance the features available to us.

Getting ready

We begin by obtaining a copy of the Prototype framework. Visit the Prototype website at http://www.prototypejs.org/, and navigate to the download section. Download the latest stable...