How to dynamic a url with codeigniter base_url() inside js file

Question

I want to load a url with dynamically inside js file. i used below code inside the head.js file but it's not getting the url. if i use statically then it works nicely. I can't find my problem.

head.js(<?php echo base_url(); ?>"assets/js/newsticker/jquery.newsTicker.js", function() {
    var nt_title = $('#nt-title').newsTicker({
        row_height: 18,
        max_rows: 1,
        duration: 5000,
        pauseOnHover: 0
    });
});

You can use php only in .php file not in .js file . What is your Base url and what url you get by / + assets/ — Niklesh Raut
– Niklesh Raut, Commented Jan 11, 2017 at 16:45
if the filename is head.js this would not work, you have to name your file head.php — ᴄʀᴏᴢᴇᴛ
– ᴄʀᴏᴢᴇᴛ, Commented Jan 11, 2017 at 16:45
if i rename head.js file as head.php then will it be worked for js code??? — user7149801
– user7149801, Commented Jan 11, 2017 at 17:16

Zinc · Accepted Answer · 2017-11-11 11:03:44Z

2

you can't use <?php echo base_url(); ?> on JavaScript file.

If you want to get the url dynamically, you can use window.location.origin

var url = window.location.origin;

Variable url will print like base_url : https://stackoverflow.com

Subdomain will print like : https://subdomain.stackoverflow.com

So, just changes your <?php echo base_url(); ?> into url+ and add / before assets, like :

head.js(url+"/assets/js/newsticker/jquery.newsTicker.js", function() {
    var nt_title = $('#nt-title').newsTicker({
        row_height: 18,
        max_rows: 1,
        duration: 5000,
        pauseOnHover: 0
    });
});

Hope this help.

answered Nov 11, 2017 at 11:03

Zinc

3851 gold badge5 silver badges19 bronze badges

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

Comments

Hikmat Sijapati · Accepted Answer · 2017-01-12 04:06:17Z

2

If you want to get base_url() in pure JS file.Following may be a right way...

1.In html (PHP) create a input field of hidden type with value base_url.As

<input type="hidden" id="url" value="<?php echo base_url();?>">

2.Then in your Pure JS file such as head.js.Get base_url as below.

<script>
var base_url = $("#url").val();//it gives base_url
head.js(base_url+"assets/js/newsticker/jquery.newsTicker.js", function() {
    var nt_title = $('#nt-title').newsTicker({
        row_height: 18,
        max_rows: 1,
        duration: 5000,
        pauseOnHover: 0
    });
});
</script>

NOTE: In codeigniter don't forget to load url helper for use of base_url().

edited Jan 12, 2017 at 4:06

answered Jan 12, 2017 at 1:48

Hikmat Sijapati

6,9691 gold badge12 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to dynamic a url with codeigniter base_url() inside js file

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related