CARVIEW

MOTORHOMES

Select Language

HTTP/2 302 server: nginx date: Wed, 15 Oct 2025 23:48:56 GMT content-type: text/plain; charset=utf-8 content-length: 0 x-archive-redirect-reason: found capture at 20121011151851 location: https://web.archive.org/web/20121011151851/https://www.packtpub.com/moodle-javascript-cookbook/book server-timing: captures_list;dur=1.030864, exclusion.robots;dur=0.052379, exclusion.robots.policy;dur=0.031916, esindex;dur=0.027156, cdx.remote;dur=432.462972, LoadShardBlock;dur=213.800892, PetaboxLoader3.datanode;dur=139.683852 x-app-server: wwwb-app202 x-ts: 302 x-tr: 674 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=1 set-cookie: wb-p-SERVER=wwwb-app202; path=/ x-location: All x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() HTTP/2 200 server: nginx date: Wed, 15 Oct 2025 23:48:57 GMT content-type: text/html; charset=utf-8 x-archive-orig-server: nginx x-archive-orig-expires: Sun, 19 Nov 1978 05:00:00 GMT x-archive-orig-cache-control: store, no-cache, must-revalidate, post-check=0, pre-check=0 x-archive-orig-x-packt-clean: 1 x-archive-orig-x-cache-version: 1 x-archive-orig-date: Thu, 11 Oct 2012 15:18:51 GMT x-archive-orig-x-varnish: 1041542092 1040644578 x-archive-orig-age: 70998 x-archive-orig-via: 1.1 varnish x-archive-orig-connection: close x-archive-orig-x-packt-v: 1 x-archive-orig-x-country-code: US x-archive-guessed-content-type: text/html x-archive-guessed-charset: utf-8 memento-datetime: Thu, 11 Oct 2012 15:18:51 GMT link: ; rel="original", ; rel="timemap"; type="application/link-format", ; rel="timegate", ; rel="first memento"; datetime="Mon, 31 Jan 2011 11:48:01 GMT", ; rel="prev memento"; datetime="Wed, 27 Jun 2012 06:55:06 GMT", ; rel="memento"; datetime="Thu, 11 Oct 2012 15:18:51 GMT", ; rel="next memento"; datetime="Tue, 22 Jan 2013 18:20:19 GMT", ; rel="last memento"; datetime="Sun, 05 Feb 2023 01:11:27 GMT" content-security-policy: default-src 'self' 'unsafe-eval' 'unsafe-inline' data: blob: archive.org web.archive.org web-static.archive.org wayback-api.archive.org athena.archive.org analytics.archive.org pragma.archivelab.org wwwb-events.archive.org x-archive-src: WIDE-20121011143623-crawl412/WIDE-20121011145749-01365.warc.gz server-timing: captures_list;dur=0.560373, exclusion.robots;dur=0.023780, exclusion.robots.policy;dur=0.014463, esindex;dur=0.012977, cdx.remote;dur=48.083272, LoadShardBlock;dur=182.934867, PetaboxLoader3.datanode;dur=190.047899, PetaboxLoader3.resolve;dur=182.272518, load_resource;dur=233.122252 x-app-server: wwwb-app202 x-ts: 200 x-tr: 575 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=1 x-location: All x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() content-encoding: gzip Moodle JavaScript Cookbook | Packt Publishing

Special eBook Offer:
Buy any two eBooks together and get 50% off.
View Best-Selling Bundles

My Account | Newsletters | User Groups | Contact | About Us

Moodle JavaScript Cookbook

Alastair Hole

Jump to: Overview | Reviews | The Author | Sample Chapters

Click here to view more images

eBook: $23.99
Formats: PDF, PacktLib, ePub and Mobi formats

$20.39
save 15%!

Print + free eBook + free PacktLib access to the book: $63.98

$35.99
save 44%!

Free Shipping! UK, US, Europe and selected countries in Asia.

Also available on:

Overview

Table of Contents

The Author

Reviews

Downloads

Learn why, where, and how to add to add JavaScript to your Moodle site
Get the most out of Moodle's built-in extra—the Yahoo! User Interface Library (YUI)
Explore a wide range of modern interactive features, from AJAX to Animation
Integrate external libraries like jQuery framework with Moodle

Book Details

Language : English
Paperback : 180 pages [ 235mm x 191mm ]
Release Date : April 2011
ISBN : 184951190X
ISBN 13 : 9781849511902
Author(s) : Alastair Hole
Topics and Technologies : All Books, Cookbooks, e-Learning, Moodle, Open Source

Preface
Chapter 1: Combining Moodle and JavaScript
Chapter 2: Moodle and Yahoo! User Interface Library (YUI)
Chapter 3: Moodle Forms Validation
Chapter 4: Manipulating Data with YUI 3
Chapter 5: Working with Data Tables
Chapter 6: Enhancing Page Elements
Chapter 7: Advanced Layout Techniques
Chapter 8: Animating Components
Chapter 9: Integrating External Libraries
Index

Preface

Chapter 1: Combining Moodle and JavaScript

Introduction
Creating a new Moodle PHP page
Loading a JavaScript file
Loading a JavaScript file in <head>
Generating a JavaScript function call from PHP
Passing variables from PHP to JavaScript
Ensuring compliance with XHTML Strict
Retrieving language strings from Moodle

Chapter 2: Moodle and Yahoo! User Interface Library (YUI)

Introduction
Initializing the YUI 3 library
Loading additional YUI modules
Loading YUI 2 modules from YUI 3
Attaching basic event handlers
Attaching advanced DOM event handlers
Implementing event delegation
Debugging with the YUI console

Chapter 3: Moodle Forms Validation

Introduction
Adding a required field
Adding a field with a maximum length
Adding a field with a minimum length
Adding a field length within in a specified range
Adding a valid e-mail address field
Adding custom validation with a Regular Expression
Adding a field that accepts only alphabetic characters
Adding a field that accepts only alphanumeric characters
Adding a field that accepts only numeric characters
Rejecting punctuation characters
Rejecting input without a leading zero
Comparing with another field
Adding a custom JavaScript validation function callback

Chapter 4: Manipulating Data with YUI 3

Introduction
Using IO to request a URI
Using IO's alternative transport method for requesting external URIs
Using PHP as a proxy to load data from an external domain
Parsing XML with DataSource
Parsing JSON with DataSource
Parsing CSV data with DataSource
Retrieving data from a Moodle 2.0 web service

Chapter 5: Working with Data Tables

Introduction
Initializing a YUI DataSource
Displaying data
Basic column sorting
Adding paging
Enabling scrolling
Enabling editing

Chapter 6: Enhancing Page Elements

Introduction
Adding a text box with auto-complete
Adding a combo box with auto-complete
Displaying auto-updating data
Enabling resizable elements
Adding custom tooltips
Adding custom button controls

Chapter 7: Advanced Layout Techniques

Introduction
Adding a fly-out navigation menu
Adding a drop-down navigation menu
Displaying a tree-view navigation menu
Adding a tabbed content control
Displaying content in a modal window

Chapter 8: Animating Components

Introduction
Fading in an element
Fading out an element
Scrolling an element
Resizing an element
Animating with easing
Moving an element along a straight path
Moving an element along a curved path
Changing an element's color
Sequencing multiple animations

Chapter 9: Integrating External Libraries

Introduction
Adding the jQuery framework
Adding the MooTools framework
Adding the Dojo framework
Adding the Prototype framework
Adding the script.aculo.us add-on to Prototype
Adding image enlargement with Lightbox 2

Index

Alastair Hole

Alastair Hole is a web software developer, currently specializing in educational software—particularly that which pertains to Further and Higher Education in the UK. His web development experience began in the post dot-com boom era, working on business-to-business e-commerce web applications in the publishing industry with a focus on back-office integration. He has since then transferred his talents to the educational sector, and has created projects that have gone on to receive awards from bodies such as The Times Educational Supplement and the IMS Global Learning Consortium. Alastair is the author of the award-winning Moodle IMS Content Package repository plugin 'MrCUTE - Moodle Repository: Create, Upload, Tag & Embed' [https://www.mrcute.co.uk] which is an Open Source project commissioned by the Joint Information Systems Committee (JISC) that has seen significant usage in Moodle sites worldwide, from Scotland to Australia. Alastair maintains an interest in free and open educational software, and is currently involved in a number of bids for JISC funding to further develop repositories to provide easy access to learning materials in the UK Further and Higher Education sectors.

Sorry, we don't have any reviews for this title yet.

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Code Downloads

Download the code and support files for this book.

Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

What you will learn from this book

Get started with the Yahoo! User Interface Library
Add validation features to your Moodle forms
Retrieve and process data from external sites in a range of formats using AJAX
Add feature rich spreadsheet-style data tables—sorting, paging, and inline editing
Add auto-complete functionality to text boxes and combo boxes
Make use of advanced navigation controls—drop-down menus, tabbed panels, and modal windows
Use animation techniques—fading, scrolling, and resizing
Integrate external libraries such as JQuery framework, MooTools framework, and Dojo framework
Initialize a YUI DataSource

Special Offers

PacktLib gives you access to this and 600+ other titles with an annual or monthly subscription.

Annual subscription:

$220.00 per annum

Monthly subscription:

$21.99 per month

Buy any two eBooks and get 50% off

Add any two eBooks to your cart, and 50% will be taken off their total price

Simply click below to add these two eBooks to your cart

View our bestselling e-Learning bundles

In Detail

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.

A Cookbook filled with step by step recipes to enhance Moodle with JavaScript and the Yahoo! UI Library

Approach

This is a cookbook that contains a list of recipes explaining step-by-step how to use JavaScript in Moodle. The first two chapters concentrate on the basics of how to start working with JavaScript and the YUI while the later chapters show how to use these techniques as a basis for implementing more complete functionality.

Who this book is for

This book is aimed at developers and administrators comfortable with customizing Moodle with the use of plugin modules, themes, and patches who want to make their site more dynamic. If you have prior knowledge of HTML, PHP, and CSS and a good working knowledge of the underlying structure of Moodle, then this book is for you. No prior experience with JavaScript is needed.