Drupal 7 Module Development

JavaScript in Drupal
Settings should be added in a way that respects the namespacing of other settings
added to the page. Passing multiple settings should be done in a nested array.
For example:
$settings = array(
'helloWorld' => array(
'display' => 'alert',
'message' => 'Hello World!',
),
);
drupal_add_js($settings, 'setting');
In this example, the message is available at Drupal.settings.helloWorld.message.
Keeping all the settings in Drupal.settings.helloWorld, keeps the settings for this
module separate from the settings added by other modules.
Adding inline JavaScript
JavaScript can be added inline on the page using the inline option. An example
that alerts "Hello World!" would look like:
drupal_add_js('alert("Hello World!");', 'inline');
The options accessible to inline JavaScript are defer, group, every_page,
weight, and scope. Inline JavaScript is not cached by the browser and cannot be
preprocessed. Inline JavaScript that is added, which defers until after the browser
has loaded with a weight of JS_THEME would look like this:
$options = array(
'type' => 'inline',
'group' => JS_THEME,
'defer' => TRUE,
);
drupal_add_js("alert('Hello World!')", $options);
API Documentation for drupal_add_js() is available at
http://api.drupal.org/api/function/drupal_add_js/7
Adding inline CSS
CSS can also be added inline and the API is similar to the one for JavaScript. To add
inline CSS it would look like this:
drupal_add_css("body { color: #ffffff; }", 'inline');
[ 294 ]