external js & css not loading in codeigniter

Question

To load external Javascript file in codeignitor, I'm using

<script src="<?php echo base_url("application/js/contentslider.js"); ?>" type="text/javascript"></script>

I can see in the page's source as

<script src="http://localhost/cinifb_ci/application/js/contentslider.js" type="text/javascript"></script>

which means to my knowledge that the file is loading perfectly similarly for my CSS file, I've used

<link rel="stylesheet" href="<?php echo base_url(); ?>application/css/default.css" type="text/css" />

and in the page's source code its showing as

<link rel="stylesheet" href="http://localhost/cinifb_ci/application/css/default.css" type="text/css" />

which means even its loading perfectly. (on clicking the external js/css link in the source its showing 403 Forbidden). But neither of their effects are applied on the page. No error its showing. I've loaded URL helper in controller as $this->load->helper('url');

and placed $autoload['helper'] = array('url'); in autoload.php

can you please explain me where I went wrong.

I learn that to load external JS, we need to install jquery-codeigniter library. I've downloaded them and included the respective files into respective similar folders of my application folder.

Now when I try to include $this->load->library('jquery'); in my controller, its showing

An Error Was Encountered

Unable to load the requested class: jquery

Hence I request you to please help me to understand why 403 Forbidden is showing when I can see its pointing to the exact location of the JS/CSS file and secondly if the installation of the jquery-codeigniter library is wrong please guide me.
Note: http://ellislab.com/codeigniter/user-guide/libraries/javascript.html didn't help me

Edit:
jquery-codeigniter library i've placed in system/libraries/javascript/

In systems .htaccess file, I've written as

RewriteEngine on
RewriteRule ^$ /index.php [L]
RewriteCond $1 !^(index\.php|images|css|js|video_files|robots\.txt|favicon\.ico)
RewriteRule ^(.*)$ /cinifb_ci/index.php/$1 [L]

In the view I'm writing as

$this->load->helper('url');
<script src="<?php echo base_url("application/js/jquery-1.8.2.js"); ?>" type="text/javascript"></script>

In controller as

$this->load->helper('url');
$this->load->library('javascript');
$this->load->library('javascript/jquery');
$this->load->library('Jquery_ext');

again if I look at source its pointing to correct source but still if i click external js file link, its showing 403 Forbidden error
Sorry for lengthy post :(
Suggestions please ..!

as i didn't get a good reply, for the day I've given the live source URLs, of course now it works :) — now-r-never
– now-r-never, Commented Mar 23, 2013 at 7:55

Hailwood · Accepted Answer · 2013-03-22 12:14:37Z

1

A 403 hidden error means that the Web Server is rejecting the request to that particular resource.

I am going to assume you are using the provided .htaccess file to get pretty urls.

In the line that

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

Make it read

RewriteCond $1 !^(index\.php|images|robots\.txt|application/js|application/css)

Actually, the above could be wrong, regardless, the idea is there that you need to add your css and js folders to the RewriteCond exception list

answered Mar 22, 2013 at 12:14

Hailwood

93.1k112 gold badges275 silver badges425 bronze badges

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

2 Comments

now-r-never Over a year ago

thanks, my .htaccess file contains Deny from all do you mean to change that line! I've checked, but no result.

now-r-never Over a year ago

both the .htaccess pages of application & system contains just Deny from all, not a word extra.

Rinor Veseli · Accepted Answer · 2013-03-22 12:35:30Z

1

The best way is to create folder assets, and then you need to put css, images, js etc.

In this folder save the js/contentslider.js and finally in your header type:

<script type="text/javascript" src="<?php echo base_url();?>assets/css/js/contentslider.js"></script>

Don't forget, you need to set base_url() in config.php.

Thanks

answered Mar 22, 2013 at 12:35

Rinor Veseli

1161 silver badge6 bronze badges

Comments

Azam Alvi · Accepted Answer · 2013-03-23 08:52:01Z

0

you should include js folder into your .htaccess if your .htaccess file is inside your application folder then copy it and paste it outside application folder mean root then open it and past code that i have mention and u just need to change name sample in line 3 with your website name or your main folder

    RewriteEngine on
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule .* index.php/$0 [PT,L]

UPDATE

edited Mar 23, 2013 at 8:52

answered Mar 22, 2013 at 13:09

Azam Alvi

7,0958 gold badges67 silver badges91 bronze badges

9 Comments

now-r-never Over a year ago

it has thrown

500 Internal Server Error  The server encountered an internal error or misconfiguration and was unable to complete your request.  Please contact the server administrator, admin@localhost and inform them of the time the error occurred, and anything you might have done that may have caused the error.  More information about this error may be available in the server error log.

Azam Alvi Over a year ago

is there any index.php file in root folder?

Azam Alvi Over a year ago

what is your webiste or main folder name?

Azam Alvi Over a year ago

try this one and tell me result localhost/cinifb_ci/home

now-r-never Over a year ago

localhost/cinifb_ci/home & localhost/cinifb_ci/index.php/home gives me Internal Server Error 500 its atleast loading html when .htaccess is left blank

|

Collectives™ on Stack Overflow

external js & css not loading in codeigniter

3 Answers 3

2 Comments

Comments

UPDATE

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

UPDATE

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related