Drupal 6 JavaScript and jQuery

Putting jQuery, AJAX, and JavaScript effects into your Drupal 6 modules and themes

Drupal 6 JavaScript and jQuery

Progressing
Matt Butcher

Putting jQuery, AJAX, and JavaScript effects into your Drupal 6 modules and themes
$10.00
$39.99
RRP $23.99
RRP $39.99
eBook
Print + eBook
$12.99 p/month

Want this title & more? Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.
+ Collection
Free sample

Book Details

ISBN 139781847196163
Paperback340 pages

About This Book

  • Learn about JavaScript support in Drupal 6
  • Packed with example code ready for you to use
  • Harness the popular jQuery library to enhance your Drupal sites
  • Make the most of Drupal's built-in JavaScript libraries

Who This Book Is For

This book is for web designers and developers who want to add JavaScript elements to Drupal themes or modules to create more flexible and responsive user interfaces.

You are expected to know about the basic operation of Drupal, and be familiar with the concept of theming and modules in Drupal. No experience of creating themes or modules is required.

You will need to know the basics of client-side web development; this means HTML, CSS, but also have a rudimentary grasp of the syntax of JavaScript. Familiarity with PHP programming will be an advantage, since we will be writing PHPTemplate files and (at the end) creating Drupal modules. However, the PHP is covered thoroughly enough that even the PHP neophyte will not find the text too demanding. The book also covers the jQuery JavaScript library and its use in Drupal, but no knowledge of jQuery is expected - you will learn everything you need in this book.

Table of Contents

Chapter 1: Drupal and JavaScript
Do you speak...?
Drupal's architecture
Users, nodes, and blocks
Drupal JavaScript development tools
Summary
Chapter 2: Working with JavaScript in Drupal
How Drupal handles JavaScript
Project overview: printer-friendly page content
The printer script
Creating a theme
Summary
Chapter 3: jQuery: Do More with Drupal
jQuery: the write less, do more library
Using jQuery in Drupal
Project: rotating sticky node teasers
A brief look backward
Summary
Chapter 4: Drupal Behaviors
The drupal.js library
Drupal JavaScript behaviors
Project: collapsing blocks
Utilities
Project: a simple text editor
Summary
Chapter 5: Lost in Translations
Translations and drupal.js
Translation and languages
Using the translation functions
Adding a translated string
Project: weekend countdown
Summary
Chapter 6: JavaScript Theming
Theming in PHP, theming in JavaScript
The Drupal.theme() function
Project: menus and blocks
The JavaScript theming module
Project: templates for JavaScript
Summary
Chapter 7: AJAX and Drupal Web Services
AJAX, JSON, XHR, AHAH, and Web 2.0
Project: web clips with RSS and AJAX
Project: real-time comment notifications
Summary
Chapter 8: Building a Module
How modules work
Project: creating a JavaScript loader module
Project: the editor revisited
Summary
Chapter 9: Integrating and Extending
Project: autocompletion and search
Project: jQuery UI
Project: writing a jQuery plug-in
Summary

What You Will Learn

  • An introduction to JavaScript in Drupal 6
  • The basics of the jQuery library
  • Creating JavaScript-enabled themes
  • Manipulating a page on the fly with jQuery
  • Authoring simple PHPTemplate files designed to maximize scripting potential
  • Using jQuery to add effects in Drupal 6
  • Working with Drupal 6 behaviors
  • Adding AJAX to modules
  • Using Drupal's localization and language translation engine in your JavaScript
  • Theming on the client-side with Drupal's JavaScript theme engine
  • Building better forms
  • Working with Drupal 6's JavaScript library
  • Writing portable JavaScript tools as Drupal modules

In Detail

JavaScript: It's not just for calculators and image rollovers.

Drupal 6 is loaded with new features, and not all of them are necessarily implemented in PHP. This unique book, for web designers and developers, will take you through what can be done with JavaScript (and especially with jQuery) in Drupal 6.

With the combination of the powerhouse jQuery library with its own robust set of JavaScript tools, Drupal 6 comes with a pre-packaged killer JavaScript environment. Cross-platform by nature, it provides all of the tools necessary to create powerful AJAX-enabled scripts, gorgeous visual effects, and view-enhancing behaviors. In addition, Drupal developers have ported some of its most powerful PHP tools – like a theming engine and support for localization and language translation – to JavaScript, making it possible to write simple scripts where once only complex PHP code could be used.

This book gives you the keys to the toolbox, showing you how to use Drupal's JavaScript libraries to make your modules and themes more dynamic, interactive and responsive, and add effects to make your Drupal site explode into life!

If you've dipped your toe in the water of theme or module development with Drupal 6, this is the book you want to make the look and behavior of your work something special. With it's project-based approach, this book is carefully constructed to guide you from how JavaScript fits into the overall Drupal architecture through to making you a master of the jQuery library in the world of Drupal themes and modules.

Authors

Table of Contents

Chapter 1: Drupal and JavaScript
Do you speak...?
Drupal's architecture
Users, nodes, and blocks
Drupal JavaScript development tools
Summary
Chapter 2: Working with JavaScript in Drupal
How Drupal handles JavaScript
Project overview: printer-friendly page content
The printer script
Creating a theme
Summary
Chapter 3: jQuery: Do More with Drupal
jQuery: the write less, do more library
Using jQuery in Drupal
Project: rotating sticky node teasers
A brief look backward
Summary
Chapter 4: Drupal Behaviors
The drupal.js library
Drupal JavaScript behaviors
Project: collapsing blocks
Utilities
Project: a simple text editor
Summary
Chapter 5: Lost in Translations
Translations and drupal.js
Translation and languages
Using the translation functions
Adding a translated string
Project: weekend countdown
Summary
Chapter 6: JavaScript Theming
Theming in PHP, theming in JavaScript
The Drupal.theme() function
Project: menus and blocks
The JavaScript theming module
Project: templates for JavaScript
Summary
Chapter 7: AJAX and Drupal Web Services
AJAX, JSON, XHR, AHAH, and Web 2.0
Project: web clips with RSS and AJAX
Project: real-time comment notifications
Summary
Chapter 8: Building a Module
How modules work
Project: creating a JavaScript loader module
Project: the editor revisited
Summary
Chapter 9: Integrating and Extending
Project: autocompletion and search
Project: jQuery UI
Project: writing a jQuery plug-in
Summary

Book Details

ISBN 139781847196163
Paperback340 pages
Read More