Modifiedcontent

More clues on this page.

Next, we need to define the JavaScript function myplugin_cast_vote, the onClick action for the button, which will read the information the user entered, compose a request with SACK, and send it to the plugin for processing. As mentioned in the introductory section, this JavaScript function and the SACK library need to get added to the HTML head section of the web page the user is viewing. One way to do that is to add it to all viewer-facing screens using the wp_head action (you could also be a little more selective by using some of the is_xyz() Conditional Tags tests):

More on Conditional Tags…

This seems to work:

function loadjavascript() {
	if ( is_page('events') ) {
	?>
	<script src='/wp-content/plugins/event-registration/js/jquery.validate.js' type='text/javascript'>	</script>
<?php
}
}
add_action('wp_head', 'loadjavascript' );

The $formvalidation in the code above doesn’t do anything of course. I had it there as a placeholder. Not sure what to put in there.

Codex gives this info:

$handle
(string) (required) Name of the script. Lowercase string.

Or according to one of the tutorials mentioned earlier:

The handle is a unique name that you will use to reference your script later.

Reference how?

If my function looks something like this:

function loadjavascript() {
	wp_enqueue_script( 'form_validation', '/' . PLUGINDIR . '/event-registration/js/validation.js');
	include(TEMPLATEPATH . '/events.php');
	exit;
}
add_action('template_redirect', 'loadjavascript');

EDIT: This actually seems to work! validation.js now shows up in the header…

How would I “reference” it in the script?

I’d like to know this as well. I have one plugin that works fine, but has all the javascript included in the html output. There must be a way to split them and let them load in the background.

I’ve found these tutorials:

Using JavaScript and CSS with your WordPress Plugin

How To: Load Javascript With Your WordPress Plugin

Both emphasize that you have to hook into page_hook. What are page_hooks?! I did a search in codex. Nothing came up.

How do I know what my page hook is? Is it in the body class?

And why are these tutorials only talking about javascript for admin pages? In my case the javascript is a form validator.

EDIT: This page has some more clues:

Note: [wp_enqueue_script] will not work if it is called from a wp_head action, as the <script> tags are output before wp_head runs. Instead, call wp_enqueue_script from an init action function (to load it in all pages), template_redirect (to load it in public pages only), or admin_print_scripts (for admin pages only). Do not use wp_print_scripts (see here for an explanation).

I’ll try it, but it feels like a hack…

Have you figured this out? I need the same thing.

Is there no osCommerce plugin for WordPress 2.7? Will there be?