Status: offline

Al262

Forum User
Junior
Registered: 10/19/10
Posts: 16
I am trying to set both a CSS file and include JS file in my plugin. Since it is a plugin, I opened up my functions.inc and added the $_SCRIPT->sets... When I view source after the page is displayed, I do not see a reference to either.

Guidance?

Text Formatted Code

/**
* Return <head> items for this plugin
*
* @return  html for <link>, <script>, <style>...
*
*/
function plugin_getheadercode_myplug()
{
    global $_SCRIPTS;
    $headerText  = "\n<!-- Javascript and CSS includes -->\n";
    $_SCRIPTS->setCSSFile('myplug', '/myplug/jquery-lightbox-0.5.css', false);
    $_SCRIPTS->setJavaScriptFile('myplug', '/myplug/jquery-lightbox-0.5.js');
    return $headerText;
}
 


Status: offline

Laugh

Site Admin
Admin
Registered: 09/27/05
Posts: 1442
Your code should work though it looks like your lightbox requires jQuery so you should make sure it is loaded as well by adding

Text Formatted Code

        $_SCRIPTS->setJavaScriptLibrary('jquery');
 


to tell Geeklog to include it if not already added by some other process. Also setJavaScriptFile by default will add the javascript to the footer not the header.

Tom
One of the Geeklog Core Developers.

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
As sample, you can also look at the code of the jquery plugin or maps plugin.

Ben
I'm available to customise your themes or plugins for your Geeklog CMS

Status: offline

Al262

Forum User
Junior
Registered: 10/19/10
Posts: 16
Thanks for the guidance. I added the $_SCRIPTS->setJavaScriptLibrary('jquery'Wink; to the function.inc and the code below to my index.php. All appears to be in order.
Text Formatted Code

// MAIN
    global $_SCRIPTS;
    $_SCRIPTS->setCSSFile('storygallery', '/storygallery/style.css', false);
    $_SCRIPTS->setJavaScriptFile('storygallery', '/storygallery/jquery.tablesorter.min.js');
        $js  = "\n" . '$(document).ready(function()' . "\n";
        $js .= '{' . "\n";
        $js .= '    $("#storygallery").tablesorter( {sortList: [[0,0], [1,0]]} );' . "\n";
        $js .= '}' . "\n";
        $js .= ');' . "\n";
    $_SCRIPTS->setJavaScript($js, true);
       
$display .= COM_siteHeader('menu', $LANG_STORYGALLERY_1['plugin_name']);