Moodle JavaScript Cookbook

Moodle JavaScript Cookbook
eBook: $23.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $63.98    Print cover: $39.99
save 6%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • 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, CMS and eCommerce, Cookbooks, e-Learning, Moodle, Open Source

Table of Contents

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
  • 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 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 add-on to Prototype
                    • Adding image enlargement with Lightbox 2

                    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' [] 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.

                    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.

                    Frequently bought together

                    Moodle JavaScript Cookbook +    Panda3D 1.7 Game Developer's Cookbook =
                    50% Off
                    the second eBook
                    Price for both: $34.95

                    Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                    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

                    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


                    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.

                    Code Download and Errata
                    Packt Anytime, Anywhere
                    Register Books
                    Print Upgrades
                    eBook Downloads
                    Video Support
                    Contact Us
                    Awards Voting Nominations Previous Winners
                    Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                    Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software