jQuery and JavaScript in Drupal Series

Learn how to integrate jQuery scripts into Drupal, and how to leverage the JavaScript capabilities of the Drupal API in both 6.x & 7.x

If you've been itching to add more whiz-bang excitement to your Drupal website but felt like you just don't understand all this Ajax/JavaScript stuff, then this series is for you! This series builds off of concepts covered in videos such as Theming Basics, Advanced Theming, Drupal Module Development and Introduction to jQuery. This Series ties together these concepts as we delve into Drupal's JavaScript and Ajax APIs.

jQuery & Javascript in Drupal carefully walks you through all of the Drupal-specific JavaScript conventions that you'll need to know to begin integrating jQuery scripts into your Drupal 6 or Drupal 7 websites. You'll get a brief introduction to jQuery and learn how to add JavaScript code through the theme layer as well as via a module. You'll also learn how to pass variables from PHP into your JavaScript files through the Drupal-specific Drupal.settings variable.

We've written six example modules in this video and we walk you through each one in order to demonstrate how to integrate jQuery scripts into your Drupal website. This hands-on approach will help you learn how to leverage Drupal's JavaScript-related Form API properties, how to create sortable table forms, and how to leverage the AHAH framework in Drupal 6 as well as the powerful Ajax framework in Drupal 7. This video will teach you everything you need to know to start creating fully Ajax-enabled Drupal websites. In this video we also explore the new JavaScript states system in Drupal 7, which allows you to create dynamic form dependencies and increase the usability of forms in Drupal. Finally, we'll take a look at some of the ways to keep your jQuery version up to date and some of the other popular JavaScript-related Drupal contributed modules.

Note: The examples in the video span across Drupal 6 and Drupal 7, and jQuery code that will work either in jQuery version 1.2.6 or 1.4.

The example module files used in this video can be downloaded here.