Django: reference static file from js in static file directory

Question

I'm trying to call a static file from a js file placed in the static files directory of my Django project.
Here it is an example.
From my template I call a js from the static files in the following way:

{% load staticfiles %}
...
<script src="{% static 'js/init.js' %}"></script>
...

No problems till now.
So, I have a static file called init.js that has a function with this line of code:

global: { href: 'css/style.css', containers: '70em', grid: { gutters: ['2.5em', 0] } },

where init.js is a static file and css/style.css is a static file too.
Naturally changing the code in the following way is causing problems to the init.js file that is not able to recognize python/Django code

{% load staticfiles %}
global: { href: "{% static 'css/style.css' %}", containers: '70em', grid: { gutters: ['2.5em', 0] } },

Is there a way to call the static file directly from another static file like this case?
Thanks!

Ben Hsieh · Accepted Answer · 2015-06-12 08:21:28Z

4

you can save it somewhere in template

<script type="text/javascript" charset="utf-8">var tem_css_location = {% static 'css/style.css' %}</script>

and now you can call tem_css_location in init.js:

<script type="text/javascript" charset="utf-8">var tem_css_location = {% static 'css/style.css' %}</script>
<script src="{% static 'js/init.js' %}"></script>

in init.js will look like this:

global: { href: tem_css_location, containers: '70em', grid: { gutters: ['2.5em', 0] } },

answered Jun 12, 2015 at 8:21

Ben Hsieh

3401 silver badge8 bronze badges

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

1 Comment

kaya Over a year ago

Thank you mate, this is a very good answer! especially putting the location into a variable and reusing it in the other js file instead of doing all in the template

Ryan McGrath · Accepted Answer · 2022-03-06 05:57:16Z

-1

Let me suggest a different way of approaching the problem. Consider fetching the static file location in the view, then render it to template. If this fits your need, you can simplify your js and sidestep the issue entirely.

from django.templatetags.static import static

url = static('x.jpg')

answered Mar 6, 2022 at 5:57

Ryan McGrath

2,7281 gold badge13 silver badges12 bronze badges

Collectives™ on Stack Overflow

Django: reference static file from js in static file directory

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related