Moodle JavaScript Cookbook
Formats:
save 15%!
save 37%!
Free Shipping!
| Also available on: |
|
- 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 : EnglishPaperback : 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
Table of Contents
PrefaceChapter 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
- 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
Alastair Hole
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.
Sample chapters
You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.
- 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
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
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.
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.

