CodeIgniter and JS libraries

Question

So I'm a newbie at this sort of thing - I just started developing with CodeIgniter and I'm trying to integrate javascript libraries. However, I have my .htaccess set up so that all requests get /index.php/ tacked in front of it, which makes it difficult to include files. For CSS I just use a php include to get around this problem and have it inline, which is faster anyway. But this seems like a bad idea for javascript libraries.

Any thoughts? Should I just create a index.php/ folder and stick it in there?

Thanks!
Mala

saleemshafi · Accepted Answer · 2009-11-22 21:15:36Z

8

You can avoid the rewrite rule by just adding a condition to it:

RewriteCond $1 !^(index\.php|images|scripts|styles|robots\.txt)

Then you can put all your scripts, images, etc., in your docroot.

See the Apache Rewrite docs for more info.

answered Nov 22, 2009 at 21:15

saleemshafi

1,1618 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mala Over a year ago

thanks! this solves my problem, and a few others i'd been having too :)

cwallenpoole · Accepted Answer · 2009-11-22 21:12:58Z

I actually use a resource controller to bring in all of my external files:

 class Resources extends Controller
{
    public function __construct()
    {
        parent::__construct();
    }

    public function javascript()
    {
        $arr = func_get_args();
        if( sizeof( $arr ) == 0 )
        {
            show_404();
            return;
        }
        if( is_numeric( $arr[ sizeof( $arr ) - 1 ] ) )
        {
            array_pop( $arr );
        }
        $name = implode( "/", $arr );
        $this->load->view( "javascript", array( "importscript" => $name ) );
    }
    public function css()
    {
        $arr = func_get_args();
        if( sizeof( $arr ) == 0 )
        {
            show_404();
            return;
        }
        if( is_numeric( $arr[ sizeof( $arr ) - 1 ] ) )
        {
            array_pop( $arr );
        }
        $name = implode( "/", $arr );
        $this->load->view( "css", array( "importscript" => $name ) );
    }
    public function image()
    {
        $arr = func_get_args();
        if( sizeof( $arr ) == 0 )
        {
            show_404();
            return;
        }
        if( is_numeric( $arr[ sizeof( $arr ) - 1 ] ) )
        {
            array_pop( $arr ); 
            // if the last item is a number, that means it was 
            // automatically generated to prevent caching
        }
        $name = implode( "/", $arr );
        $this->load->view( "images", array( "importscript" => $name ) );
    }
}

The different views are all something like this:

$import = dirname( __FILE__ ) . "/javascript/$importscript";
if( !showjs( $import ) && is_dir( $import ) )
{
    if( !showjs( "$import/$importscript" ) )
    {
        show_404();
    }
}

function showjs( $imp )
{
    if( is_file( "$imp.js" ) )
    {
        header('Content-type: application/javascript');
        echo "/*----- Imported into PHP so JavaScript can all be dynamically declared -----*/\n\n";
        echo file_get_contents( "$imp.js" );
        return true;
    }
    elseif( is_file( "$imp.php" ) )
    {
        header('Content-type: application/javascript');
        echo "/*----- Imported into PHP so JavaScript can all be dynamically declared -----*/\n\n";
        include_once( "$imp.php" );
        return true;
    }
    return false;
}

As you can see, the controller passes the file name to the view. The view then sees if there is a js file or a php file associated with the importscript variable. If there is, it sets the headers and then displays the files.

Atli · Accepted Answer · 2009-11-22 21:18:27Z

1

If you are using mod_rewrite, just add a RewriteCond in front of your RewriteRule. For example:

RewriteCond %{REQUEST_URI} !\.(css|js|jpe?g|png|gif)$
RewriteRule ^([^/]+)/([^/]+)/? index.php?ctrl=$1&event=$2 [L,QSA]

answered Nov 22, 2009 at 21:18

Atli

7,9492 gold badges34 silver badges44 bronze badges

Comments

Galen · Accepted Answer · 2009-11-22 21:20:35Z

0

Maybe i'm missunderstanding something but why not just include javascript libraries with absolute urls

<script type="text/javascript" src="/js/javascript.js"></script>

Same with CSS

<link rel="stylesheet" type="text/css" href="/css/main.css">

if you start at the doc root using / then you won't have any problems finding files.

answered Nov 22, 2009 at 21:20

Galen

30.2k9 gold badges75 silver badges90 bronze badges

1 Comment

Mala Over a year ago

because when the user's browser sends a request for /js/javascript.js it will be forwarded to /index.php/js/javascript.js

Collectives™ on Stack Overflow

CodeIgniter and JS libraries

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related