Adding js to a drupal node form

In Drupal you can create your own nodetype in a custom module. Doing this you get to create your own form which is all very nice.

However if you want to add js the form things get a bit more tricky. If you add the js in the form, the js will only be added form the form when it is loaded. If the user would post the form with validation errors, the form function is not run again and thus the js is not added. Normally you would just create a menu callback and add the js there, but for the node add form, this wont be a possible solution.

So what is the best solution for adding js in a node add form, to keep it persistant when the form doesn't validate?

I posted a patch to the [Smilies][1] module that fixes this problem: [Smilies are not selectable when resubmitting a page][2]

The patch adds a hook_nodeapi() function to check if the node operation is "verify" and if it is, it checks if the node is supposed to have smileys and if so calls the function to add the smileys.js javascript file that creates the selection form.

You should just need to do the same in your case. This will require you write a very simple module that implements the hook_nodeapi function and checks for updates in the same way the patched Smileys module does.


[1]:

[To see links please register here]

[2]:

[To see links please register here]

You can user [`hook_nodeapi`][1] with case `prepare`:

Example:

/**
* Implementation of hook_nodeapi
*/

function mymodulename_nodeapi(&$node, $op, $a3 = NULL, $a4 = NULL) {
switch($op) {
case 'prepare':
$module_path = drupal_get_path('module' , 'mymodulename');
drupal_add_js($module_path."/myscript.js");
break;
}
}

Now you can add your javascript code in your module folder e.g. `myscript.js`.

[1]:

[To see links please register here]

Trying some different hacks, I found a quite simple solution to this problem, create a theme function for the form and add the js there. That would look something like this:

function theme_content_type_node_form($form) {
drupal_add_js(...);
return theme('node_form', $form);
}

This just calls the default theme function for the node add form after adding the js. As the theme function is called even the form is cached, this works nicely. You also need to implement hook_theme to make this work.

**Update for Drupal 7.**

Drupal 7 makes this a lot easier as it is possible to do

$form['#attached']['js'][] = 'path_to_js_file';

An example of using this could be:

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