Drupal 7: How to load js and css files on different pages

Question

What is the best way to load a js and css file on certain pages (not on every single page like happens when using the .info file)?

Spudley · Accepted Answer · 2011-06-02 15:59:53Z

4

Drupal provides two functions: drupal_add_css() and drupal_add_js().

You can use these at any point in your code to add a CSS or JS file to the page load.

answered Jun 2, 2011 at 15:59

Spudley

169k39 gold badges240 silver badges309 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

zach Over a year ago

For whatever reason this never works for me. I added it in the page--node-type.tpl.php file. Can it not go in there?

ceejayoz Over a year ago

It won't work in a template file. Needs to be in a module file.

avpaderno · Accepted Answer · 2011-06-02 18:01:07Z

1

If the pages contain a form, you can use something similar to the following code:

$form['#attached']['css'] = array(
  drupal_get_path('module', 'ajax_example') . '/ajax_example.css',
);

$form['#attached']['js'] = array(
  drupal_get_path('module', 'ajax_example') . '/ajax_example.js',
);

answered Jun 2, 2011 at 18:01

avpaderno

30k17 gold badges81 silver badges95 bronze badges

Collectives™ on Stack Overflow

Drupal 7: How to load js and css files on different pages

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related