I made the decision to try and produce a wordpress plugin that calls forth a few javascript files along with a css file while using Wordpress Wordpress plugin Generator. It's working somewhat - it's calling among the javascript files although not another two.

I'm while using wordpress_enqueue_script function, but most likely wrong. Any help could be greatly appreciated!


Plugin Name: Tab Header Code
Plugin URI: [insert the plugin uri here]
Description: Inserts appropriate javascript and css libraries for tabs
Author: Jesse Wallace
Version: 0.1
Author URI: http://www.enticent.com
Generated At: www.wp-fun.co.uk;

if (!class_exists('tabstyles')) {
    class tabstyles {

	* PHP 4 Compatible Constructor

	function tabstyles(){$this->__construct();}

	* PHP 5 Constructor

	function __construct(){
	add_action("init", array(&amp;$this,"add_script1"));
	add_action("init", array(&amp;$this,"add_script2"));
	add_action("init", array(&amp;$this,"add_script3"));
	add_action("wp_head", array(&amp;$this,"add_css"));

	* Tells WordPress to load the scripts

	function add_script1(){
	wp_enqueue_script('tab_header_code_script1', '/wp-content/plugins/tab-header-code/js/tabview-min.js', NULL , 0.1);

	function add_script2(){
	wp_enqueue_script('tab_header_code_script2', '/wp-content/plugins/tab-header-code/js/element-min.js', NULL , 0.1);

	function add_script3(){
	wp_enqueue_script('tab_header_code_script3', '/wp-content/plugins/tab-header-code/js/yahoo-dom-event.js', NULL , 0.1);

	* Adds a link to the stylesheet to the header

	function add_css(){
	echo '<link rel="stylesheet" href="'.get_bloginfo('wpurl').'/wp-content/plugins/tab-header-code/css/tabstyle.css" type="text/css" media="screen"  />';

//instantiate the class
if (class_exists('tabstyles')) {
    $tabstyles = new tabstyles();


wordpress_enqueue_script is the proper way to do it. You could do this exactly the same factor Scott recommended, but the objective of wordpress_enqueue_script would be to avoid conflicts, that is something Wordpress instantly handles.

Are you currently loading this around the front-end or back finish?

If back-finish, I recommend restricting your JS files to simply loading in your wordpress plugin pages, here's how you accomplish that:

add_action('admin_menu', 'add_pages');

function add_pages() {
    $my_plugin_page = add_menu_page('Plugin Name', 'Plugin Name',  8,__FILE__, 'invoice_overview',"images/plugin_icon.png");

    // This is the trick, notice the "$my_plugin_page" being tacked on the end of admin_print_scripts
    add_action( "admin_print_scripts-$my_plugin_page", 'admin_head');


function admin_head() {
    global $path_to_your_files;

    // You may notice array('jquery') at the end, that means jQuery is required to make that particular file function, and WP will include it automatically
    wp_enqueue_script('jquery.whatever',$path_to_your_files . "/js/jquery.whatever.js", array('jquery'));
    wp_enqueue_script('jquery.autocomplete',$path_to_your_files . "/js/jquery.autocomplete.js", array('jquery'));
    wp_enqueue_script('your_custom_file',$path_to_your_files . "/js/your_custom_file.js", array('jquery'));


For that front-finish its harder to isolate your JS files to a particular pages. The right way to place js files is comparable, except I typically load them in to the init, just like you probably did.

Yet another factor, be cautious using __construct inside your PHP code since it does not operate in PHP4, just in case you intend on disbursing your wordpress plugin, bear in mind many people continue to be using PHP4.

Best of luck.

why don't you use

add_action('wp_head', 'insert_head');

then possess a place_js function

function insert_head() {
    <script type="text/javascript" src="<?php bloginfo('wpurl') ?>/wp-content/plugins/tab-header-code/js/tabview-min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('wpurl') ?>/wp-content/plugins/tab-header-code/js/element-min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('wpurl') ?>/wp-content/plugins/tab-header-code/js/yahoo-dom-event.js"></script>
    <link type="text/css" src="<?php bloginfo('wpurl') ?>/wp-content/plugins/tab-header-code/css/tabstyle.csss"></link>