-
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
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.
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.
-
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