CODEWITHSUNDEEP
jquerycodeigniter
maan81
maan81

Reputation: 3609

How do I include jQuery file in CodeIgniter?

I would like to use jQuery inside my CodeIngiter Project. I dont know how to include the js file.

I would like to have something like below in my view

<script src='<?php echo base_url().APPPATH ?>js/jquery.js'></script>
<script src='<?php echo base_url().APPPATH ?>js/my-js.js'></script>

Upvotes: 4

Views: 25913

Answers (5)

Trey Davis
Trey Davis

Reputation: 83

Codeigniter has a javascript class: http://codeigniter.com/user_guide/libraries/javascript.html

You would load the jquery library through:

$this->load->library('jquery');

Then you can paste this into your head section of your view:

<?php echo $library_src;?>
<?php echo $script_head;?>

For additional javascript files, I typically create a resource folder in my application folder, then use the base_url function to link to the files like:

<script src="<?php echo base_url('resources/name-of-js-file.js');?>" type="text/javascript"></script>

Upvotes: 4

lazos
lazos

Reputation: 31

The base_url() requires to load the helper 'url'.

In order to archive that go to application/config/autoloader.php and add it on the variable $autoloader['helper'] like this:

$autoload['helper'] = array('url');

Upvotes: 3

Rooneyl
Rooneyl

Reputation: 7902

Firstly, create a folder to put it in. Then you could use a template system like this one.

This lets you add js files either globally in the main template, or by a controller/function basis using the syntax $this->template->add_js('assets/js/jquery.js');

Upvotes: 4

Dau
Dau

Reputation: 8858

add a new folder 'js' in your application folder and in your views add this line

<script type="text/javascript" src="<?php echo base_url();?>js/name of your js file"></script>

Upvotes: 2

Jakub
Jakub

Reputation: 20475

You include the JS file like any other HTML output.

Refer to where your JS is located (say its /js from root) and then in your <head></head> portion add the following:

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

Upvotes: 1

Related Questions