Using JavaScript with Codeigniter

Question

I have a CI folder structure like this:

-> root  
- - >application  
- - >resources  
- - >system

In the resources folder, I have separate folders like 'css', 'images', 'js', 'js/plugins' etc.

I have a twitter plugin in js/plugins folder which needs the base path of the site. I used it like this :

modpath: 'resources/plugins/twitter/',

And it works if the url that i visited is localhost/myapp/ , but doesn't work when the url is localhost/myapp/index.php/welcome

What i have to do ?

Because it is not a controller or a view, i can't use it as <?=site_url();?> right? So what i need to do?

Thanks for help !

This appears to be your 18th question so far. It's time you start taking care of giving proper format to source code (and make, e.g., PHP code actually display). BTW, your question does not seem to have anything to do with Microsoft ECMAScript implementation so I've edited out that referent from title. — Álvaro González
– Álvaro González, Commented Jul 12, 2014 at 14:01

Lucas Ferreira · Accepted Answer · 2014-07-09 20:12:35Z

1

You should use the full path to your files, in my CI projects I use something like this:

<script src="<?=base_url()?>js/twitter.js

Remember that your assets must be in the /public folder.

answered Jul 9, 2014 at 20:12

Lucas Ferreira

8888 silver badges18 bronze badges

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

1 Comment

dreamend Over a year ago

But this is not a view file. This is a js source file. I think base_url() function will not work, since it's not in the application folder.

ahmad · Accepted Answer · 2014-07-13 12:43:36Z

1

+50

In your view file, before loading any javascripts add something like this

<script>
var base_url = '<?php echo base_url(); ?>';
</script>

This would make a javascript variable called base_url available to all other files you load after the definition.

Now in your javascript file you can do something like:

modpath: base_url + 'resources/plugins/twitter/',

answered Jul 13, 2014 at 12:43

ahmad

2,7491 gold badge26 silver badges27 bronze badges

Comments

Tahir Jamil · Accepted Answer · 2014-07-10 02:34:48Z

0

Assume your base_url() is localhost/myapp/

Then use $this->config->base_url() in src like

<script src="<?= $this->config->base_url(); ?>resources/plugins/twitter/twitter.js"></script>

answered Jul 10, 2014 at 2:34

Tahir Jamil

211 silver badge2 bronze badges

2 Comments

dreamend Over a year ago

But this is not a view file. This is a js source file. I think base_url() function will not work, since it's not in the application folder.

Tahir Jamil Over a year ago

Then create a <div id="base_url" style="display:none"><?= $this->config->base_url();?></div>, and then get the value of DIV using $("#base_url").text() inside the JS

sanjeeviraj · Accepted Answer · 2014-07-11 10:24:06Z

0

Check this with ur view file

<script src="<?php echo base_url();?>resources/plugins/twitter/twitter.js"></script>

answered Jul 11, 2014 at 10:24

sanjeeviraj

1551 gold badge2 silver badges11 bronze badges

1 Comment

dreamend Over a year ago

But this mod path: 'resources/plugins/twitter' line is not in a view file. It is in the twitter.js.

oentoro · Accepted Answer · 2014-07-12 13:54:09Z

0

I usually do this, in my View:

<script src="<?php echo base_url();?>resources/js/yourscript.js"></script>
<link rel="stylesheet" href="<?php echo base_url();?>"resources/css/bootstrap.css" />

to load resources (script files, or anything else) that stored locally.

answered Jul 12, 2014 at 13:54

oentoro

7501 gold badge11 silver badges33 bronze badges

Comments

Wide Vision · Accepted Answer · 2014-07-18 13:42:21Z

0

Create js folder on the root where application and system folders are placed then place javascript file on that folder then on the view where you want to use this javascript file write down the following path:-

<script src="<?php echo $this->config->item('base_url') ?>js/fileName.js"></script>

answered Jul 18, 2014 at 13:42

Wide Vision

153 bronze badges

Collectives™ on Stack Overflow

Using JavaScript with Codeigniter

6 Answers 6

1 Comment

Comments

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related