Problem with removing index.php on Codeigniter didn`t load my css and js

Question

Currently I tried to remove index.php on codeigniter url. I installed my codeigniter on localhost/jqm/withci . Then I write .htaccess to remove index.php and it worked well. .htaccess file :

RewriteEngine on
RewriteCond $1 !^(index\.php|images|robots\.txt)
RewriteRule ^(.*)$ /jqm/withci/index.php/$1 [L]

But Im having some problem, my css file and js wont load.. My conroller is

class Home extends CI_Controller {
    function __construct() {
        parent::__construct();
        $this->load->helpers('url');
    }

    function index() {
        $this->load->view('head_view');
        $this->load->view('main_view');
        $this->load->view('foot_view');
    }
}

my view for head_view is :

<!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="width=320; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <title>jQuery Mobile with Codeigniter</title>
      <link rel="stylesheet" href="<?php echo base_url();?>jquery.mobile/jquery.mobile-1.0a4.1.css" type="text/css" charset="utf-8" />
      <script type="text/javascript" src="<?php echo base_url();?>jquery.mobile/jquery-1.5.2.js"></script>
      <script src="<?php echo base_url();?>jquery.mobile/jquery.mobile-1.0a4.1.js"></script>

    <!-- CDN Respositories: For production, replace lines above with these uncommented minified versions -->
    <!-- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />-->
    <!-- <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>-->
    <!-- <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>-->

    </head>
  <body>

I tried to use base_url() but it didnt load my css and js. Thank you.. PS : Im using css and js file for jQuery Mobile. We can load it from CDN repositories, but I want to make it loadable from my own directory in case I want to load custom css or js in future

tplaner · Accepted Answer · 2011-06-10 12:48:56Z

5

In your .htaccess file add the folder which contains the JavaScript and CSS to the rewrite condition, something like:

RewriteCond $1 !^(index\.php|images|jquery\.mobile|robots\.txt)

Currently those files aren't loading, instead they're pointing to your index.php file.

answered Jun 10, 2011 at 12:48

tplaner

8,4813 gold badges34 silver badges47 bronze badges

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

Comments

Femi · Accepted Answer · 2011-06-10 12:50:01Z

3

Try adding this to your rewrite rules to prevent the rewrite from occuring on all files and directories:

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

answered Jun 10, 2011 at 12:50

Femi

64.8k8 gold badges120 silver badges150 bronze badges

Comments

hish · Accepted Answer · 2011-06-10 12:51:24Z

0

you can set a new config variable at the config file and but the path for the css/js file on it

answered Jun 10, 2011 at 12:51

hish

1454 bronze badges

Collectives™ on Stack Overflow

Problem with removing index.php on Codeigniter didn`t load my css and js

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related