Drupal 7 Module Development

JavaScript in Drupal
The keys to the array, to find what you're looking for, are dependent on the type of
JavaScript that was added.
• File and external JavaScript is identified by the path to the file that was
passed in for its location.
• Settings are available at $javascript['settings'].
• Inline JavaScript is not easily identifiable. Each time an inline script is
added to a page it is added with a numeric value starting at 0. If two inline
scripts were added to a page, they would be added at $javascript[0] and
$javascript[1]. The numbers are based on the order in which they were
added to a page, which is unreliable.
API Documentation for hook_js_alter() is available at
http://api.drupal.org/api/function/hook_js_alter/7
Altering CSS
CSS can be altered in a similar manner to JavaScript using hook_css_alter(). An
array containing all the CSS about to be added to the page is passed though
hook_css_alter() as a last opportunity to make changes before the CSS is rendered
into HTML and added to the page. An example use of the hook_css_alter() would
be to remove the system.css file provided by core, as seen here:
/**
* Implements hook_css_alter().
*/
function example_css_alter(&$css) {
unset($css[drupal_get_path('module', 'system') . '/system.css']);
}
Identifying items in the array passed in for CSS files is similar to JavaScript files. The
key for internal and external files is the path to the file used when it was originally
added. Like inline JavaScript, inline CSS is added using numeric keys in the order
the CSS was added.
API Documentation for hook_css_alter() is available at
http://api.drupal.org/api/function/hook_css_alter/7
[ 300 ]