Including PHP in .JS file [duplicate]

Question

Before anyone says this should be on the Wordpress Stackexchange, please read through as this is a JS query and not a Wordpress query. I am trying to get a path to the Wordpress theme in to a JS file so I don't have to include the full path, would usually use <?php bloginfo('template_url'); ?> in the template files but obviously we are working in a JS file here.

I have found a forum post that says to use the following before the JS file is called for:

<script type="text/javascript"><!--
var template_url = "<?php bloginfo('template_url'); ?>";
// -->
</script>

and then in the JS file put template_url but this just puts 'template_url' in the middle of the path.

The line this is to go in is:

$(this).prev().css({ backgroundImage : 'url(template_url/images/icons/menu-divider.png)' });

How can I please get the full path to be called in this line of JS?

Many thanks Adrian

@Quentin how is that a duplicate? The question title may be similar but the actual question is not. — Halcyon
– Halcyon, Commented Oct 9, 2015 at 13:49
@Halcyon — The question is asking how to use the variable template_url in a string, and the attempt looks like: 'url(template_url/images/icons/menu-divider.png)' — Quentin
– Quentin, Commented Oct 9, 2015 at 13:50
I am asking how I am meant to put the variable 'template_url' in to the file to make it get the actual template URL as I don't know Javascript. — Adrian
– Adrian, Commented Oct 9, 2015 at 13:51
@Adrian, if you mean in the js file the answer is you can't. You can't use PHP in an external js file. — Ionut Necula
– Ionut Necula, Commented Oct 9, 2015 at 13:52

James John · Accepted Answer · 2015-10-09 13:53:46Z

-1

Using this function returns what you're looking for get_template_directory_uri()

So, do this

<script type="text/javascript"><!--
var template_url = "<?php echo get_template_directory_uri(); ?>";
// -->
</script>

answered Oct 9, 2015 at 13:53

James John

4152 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Including PHP in .JS file [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related