Comments on: How To: Load Javascript With Your WordPress Plugin

By: mwaterous

mwaterous — Sun, 01 Nov 2009 03:11:58 +0000

I tried searching google, poking through dashboard.php and even crossed my fingers and checked out what wp_add_dashboard_widget returned as a value, but to no avail.

I have a plugin that I originally had done this with, until I added a dashboard widget. I’m curious if there’s a hook I could use to load the styles on the dashboard, so I don’t have to load them globally?

The closest thing I turned up on google, was ironically this post.

By: bobsoap

bobsoap — Sat, 31 Oct 2009 05:15:30 +0000

Thanks Ozh for yet another eye-opening post right when it was needed. Keep it up.

By: Henry

Henry — Mon, 26 Oct 2009 23:26:59 +0000

@Ozh: Oh really?! That’s good news :-) Thanks for the hint!

By: Ozh

Ozh — Sun, 25 Oct 2009 12:10:48 +0000

Henry » You can totally have several $(document).ready() and they won’t override themselves.

By: Henry

Henry — Sat, 24 Oct 2009 12:26:10 +0000

Hello,

first thanks for the post, it already helped a lot. Now I know how to properly load an external javascript file into the header of a specific page.

Though a new problem arose from that: I defined some functions in my external javascript file, which need to be called when the DOM is ready. Usually jQuery provides the “ready” function for that purpose. But I don’t want to put the “jQuery(document).ready(function() { });” code directly in the head, because this might cause trouble with other plugins (overriding). Any suggestions how to deal with that problem?

Thanks for reading and thinking about it…

Cheers
Henry

By: Stephen R

Stephen R — Sat, 12 Sep 2009 20:39:01 +0000

So, what's the difference between:

PLAIN TEXT

PHP:

admin_print_scripts-(page_hook)

and

PLAIN TEXT

PHP:

admin_head-(page_hook)

By: Rune Jensen

Rune Jensen — Thu, 13 Aug 2009 11:02:19 +0000

Cool post! It really helped me develop the admin panel and chart features for SpamTask. :) Thanks!

By: Come integrare JQuery nel vostro tema Wordpress | Pecciola

Come integrare JQuery nel vostro tema Wordpress | Pecciola — Thu, 30 Jul 2009 04:33:32 +0000

[...] in pratica. Vediamo il modo più semplice e veloce per farlo. In primis, vi ricordo che esiste un modo consigliato per caricare javascript sulle pagine di Wordpress ed è la funzione wp_enqueue_script che, come vedete da link, richiede un [...]

By: Artem Russakovskii

Artem Russakovskii — Tue, 07 Jul 2009 00:36:33 +0000

Just to clarify my last comment, as it may not have been clear enough.
If you want to use this method for CSS, you HAVE TO USE the admin_print_styles-$menu_page hook, not the admin_print_scripts-$menu_page!! Now that I have your attention, go read the previous comment.

By: Artem Russakovskii

Artem Russakovskii — Wed, 17 Jun 2009 17:30:14 +0000

Excellent post, Ozh, as always - exactly what I needed.

I have a comment regarding loading CSS files in a similar fashion. I have a function enqueue_scripts() that does the CSS and JS enqueuing using wp_enqueue_script() and wp_enqueue_style().
After I applied

PLAIN TEXT

PHP:

add_action("admin_print_scripts-$menu_page", array($this, 'enqueue_meta'));

I only saw JS showing up in the head. After a bit of mucking around, I found that there's a admin_print_styles- hook that does exactly that. It's obvious but a bit of a tricky one to notice right away.

So, really, they can both call the same function, like so:

PLAIN TEXT

PHP:

add_action("admin_print_scripts-$menu_page", array($this, 'enqueue_meta'));
add_action("admin_print_styles-$menu_page", array($this, 'enqueue_meta'));

Hope it helps someone.