[Solved]-How to manage Javascript modules in django templates?

Been a while since I posted this problem. What I’ve been doing to solve it is:

1. write the javascript parts you need as a library which is served statically
2. call the routines in the static library from the template with your server side values

Restraint is required to write it in such a way that it acts as a client side script only; don’t be tempted to try and inject values from the server at the time of serving the js. Ultimately I’ve found it less confusing to apply server side variables strictly in the html template.

In this way I’m able to:

1. keep the javascript selectors on html tags inside the same file (ie: the template)
2. avoid templatetags altogether
3. re-use each javascript library in different places, and
4. keep the css/js/html pieces in all the places where they’re expected to be found

It’s not perfect, but it’s getting me by till a neater idea comes along.

For example a js library in “media/js/alertlib.js” might include:

function click_alert(selector, msg){ 
    $(selector).click(function(){ alert(msg) })
}

and the template has:

<script type="text/javascript" src="media/js/alertlib.js"></script>
<script type="text/javascript">
    click_alert('#clickme', {% message %})
</script>

<div id='clickme'>Click Me</div>