Book Image

Moodle JavaScript Cookbook

Book Image

Moodle JavaScript Cookbook

Overview of this book

Moodle is the best e-learning solution on the block and is revolutionizing courses on the Web. Using JavaScript in Moodle is very useful to administrators and dynamic developers as it uses built-in libraries to provide the modern and dynamic experience that is expected by web users today.The Moodle JavaScript Cookbook will take you through the basics of combining Moodle with JavaScript and its various libraries and explain how JavaScript can be used along with Moodle. It will explain how to integrate Yahoo! User Interface Library (YUI) with Moodle. YUI will be the main focus of the book, and is the key to implementing modern, dynamic feature-rich interfaces to help your users get a more satisfying and productive Moodle experience. It will enable you to add effects, make forms more responsive, use AJAX and animation, all to create a richer user experience. You will be able to work through a range of YUI features, such as pulling in and displaying information from other websites, enhancing existing UI elements to make users' lives easier, and even how to add animation to your pages for a nice finishing touch.
Table of Contents (15 chapters)
Moodle JavaScript Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface

Initializing a YUI DataSource


In this recipe, we will create a static HTML table of data in the classic way. Once we have created this table, we will go on to use it as the basis for a data source object that we can in turn pass to the YUI DataTable object.

The DataTable control can be created based on any valid YAHOO.util.DataSource. In keeping with the spirit of the concept of progressive enhancement, in this example we will use an HTML table as the data source. This allows browsers without JavaScript to view a standard HTML table of the data, while browsers with JavaScript enabled can take advantage of these enhancements.

How to do it...

We begin by creating a PHP file (datatable.php) in the cook directory. This sets up a basic Moodle environment and then displays our data in an HTML table:

<?php
require_once(dirname(__FILE__) . '/../config.php');
$PAGE->set_context(get_context_instance(CONTEXT_SYSTEM));
$PAGE->set_url('/cook/datatable.php');
$PAGE->requires->js('/cook/datatable...