Question

167

External JavaScript file is not getting added when running on Flask

rated 0 times [ 170] [ 3] / answers: 1 / hits: 82985 / 12 Years ago, tue, february 5, 2013, 12:00:00

I have an HTML file named showMap.html:

<!DOCTYPE html>

<html>



<head>

  <meta name=viewport content=initial-scale=1.0, user-scalable=no />

  <meta http-equiv=content-type content=text/html; charset=UTF-8 />

  <title>Map</title>

  <script type=text/javascript src=http://maps.google.com/maps/api/js?sensor=false>

  </script>

  <script type=text/javascript src=js/map.js></script>

</head>



<body onload=showPosition()>

  <div id=map_canvas style=width:500px;height:500px;></div>

</body>



</html>

And another JavaScript file map.js is placed in the js folder of the same directory.

This code works fine when the HTML file is loaded, but this does not work when I run it in the server.

I use Python's Flask framework for back-end programming and the funny thing is that the same thing will work well if I expand the JavaScript code inside the HTML file. The only problem is with the external file.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

darleneh

Add To Favorites

Follow

Total Points: 231

Total Questions: 110

Total Answers: 94

Location: Spain

Member since Thu, Dec 23, 2021

2 Years ago

answered 12 Years ago aidan · Accepted Answer

Serve the map.js file as a static resource:

move the file to a static/ subdirectory of your package

generate a static URL for it in a Jinja2 template like so:

 <script type=text/javascript

         src={{ url_for('static', filename='map.js') }}></script>

The filename parameter takes a relative path; you can use subdirectories was needed.