I need to add some external and local CSS and JavaScript files to a form, but I can't seem to find the right way to do this. Do I simply add the paths and URLs for the JS and CSS files?
I assume $form['#attached']['css'][] and $form['#attached']['js'][] are the correct places to do this, so they get reloaded on form rebuilds. I seem to be missing something.
Have you looked at the documentation?
Attach CSS and JS to form
http://api.drupal.org/api/drupal/developer!topics!forms_api_reference.html/7#attached
$form['#attached']['css'][] = drupal_get_path('module', 'ajax_example') . '/ajax_example.css';
$form['#attached']['js'][] = drupal_get_path('module', 'ajax_example') . '/ajax_example.js';
External files
http://api.drupal.org/api/drupal/includes%21common.inc/function/drupal_process_attached/7
External 'js' and 'css' files can also be loaded. For example:
$build['#attached']['js']['http://code.jquery.com/jquery-1.4.2.min.js'] = array('type' => 'external');
<module name>_form_<form id>_alter to your module. Finding form id is described here: drupal.stackexchange.com/questions/5802/…
$form['#attached']['css'][] = drupal_get_path('module', 'ajax_example') . '/ajax_example.css'; etc..
Here's the method for adding inline CSS to forms...
$form['#attached']['css'][] = array(
'data' => '.my-example-element { display: none; }',
'type' => 'inline',
);
Note that you should add to the css array rather than replace it. Meaning you should use: ['css'][] = rather than ['css'] = to avoid squashing other additions.
Here is one way to do this that is via. calling a function using #after_build property. Just pass in your form id in switch case.
function mymodule_form_alter(&$form, &$form_state, $form_id) {
switch ($form_id) {
case 'my_form':
$form['#after_build'][] = 'mymodule_after_build';
break;
}
}
function mymodule_after_build($form, &$form_state) {
$path = drupal_get_path('module', 'mymodule');
drupal_add_js ("$path/mymodule.js");
return $form;
}
Also you can follow this good tutorial Adding css and js to drupal forms
Hope this helps. :)
#attached did not exist in D6.
drupal_add_js on a form. You'll end up with validation state trouble.