-
Book Overview & Buying
-
Table Of Contents
Moodle JavaScript Cookbook
In this recipe, we will learn how to initialize the YUI 3 environment within Moodle, which will get us ready to start using YUI 3 features. Moodle takes care of most of the initial setup, namely loading the required CSS and JavaScript files, so all we need to be concerned with is activating the YUI environment.
This example will show how to execute JavaScript code from within the YUI environment. We will set up a small YUI script which will simply display a message including the version number of the active YUI environment in a JavaScript alert box.
This provides a simple view of what is required to get YUI up and running that we will build on further in the subsequent recipes.
We begin by setting up a new PHP file yui_init.php in the cook directory with the following content:
<?php
require_once(dirname(__FILE__) . '/../config.php');
$PAGE->set_context(get_context_instance(CONTEXT_SYSTEM));
$PAGE->set_url('/cook/yui_init.php');
$PAGE->...
Change the font size
Change margin width
Change background colour