Src file path with php (wordpress) in a javascript file

Question

For some reason the normal src path of my template made with wordpress doesn't work. It is embedded in a javascript connect to my footer.php. Now my question is: is it possible to call an image with src inside a javascript with a php snippet? Here is my code so far:

var d = new Date();

document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='wp-content/themes/wpboot/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company";

I'm trying to add a php snippet like that:

<img src="<?php bloginfo('template_directory'); ?>/images/maple.svg" width="60" alt="Maple">

To achieve something like that:

document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='<?php bloginfo('template_directory'); ?>/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company";

I tried to build a var called:

var template = "<?php bloginfo('template_directory'); ?>/";

And I added to the src but I didn't work.. any clue?

You have to used in witch file..? Like External js or .. Default WP file ? — Mansukh Khandhar
– Mansukh Khandhar, Commented May 4, 2016 at 6:18
give me js handler like 'wp_enqueue_script( 'ajax-script', plugins_url( '/js/myjquery.js', FILE ), array( 'jquery' ) );' "ajax-script" is handler — Mansukh Khandhar
– Mansukh Khandhar, Commented May 4, 2016 at 13:52

Mansukh Khandhar · Accepted Answer · 2016-05-04 14:31:05Z

1

In .js file we can't used php so in WordPress get values as like this "myscript" to used your script "handler".

in your functions.php file

wp_enqueue_script('myscript',get_template_directory_uri().'/js/myscript.js',array('jquery'));
wp_localize_script( 'myscript', 'mycustomurl',  get_template_directory_uri() );

in js file use as like this alert just your info.

alert(mycustomurl);
document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='"+mycustomurl+"/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company";

answered May 4, 2016 at 14:31

Mansukh Khandhar

2,5821 gold badge23 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Src file path with php (wordpress) in a javascript file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related