How to add this to my static folder?

Question

Below is what I have in my head section in my base html page. This script works- just like how I want it to. How do I add the script to static folder? Like I want to create a seperate js folder and make file for this script.

    <head>
    <link href="{{ STATIC_URL }}reservation/css/main_css.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(".asu").click(function(){
            var foo = $(this).text()
            alert(foo);
           });
        });
   </script>
   </head>

score 2 · Accepted Answer · answered Jun 25 '13 at 16:09

2

You can always do:

<head>
    <link href="{{ STATIC_URL }}reservation/css/main_css.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="{{ STATIC_URL }}reservation/js/main.js"></script>
</head>

Now, in the file main.js (Assuming you want the folder structure to be reservation/js under the {{STATIC_URL}})

$(document).ready(function(){
    $(".asu").click(function(){
        var foo = $(this).text()
        alert(foo);
   });
});

Just make sure jquery is loaded before your custom js file.

answered Jun 25 '13 at 16:09

karthikr

97,368
26
197
188

glad i could help. Please do accept the answer if that was useful – karthikr Jun 25 '13 at 16:22
In my above example, how would I pass the foo variable to a different page? – trant trum Jun 25 '13 at 20:02
extract it into a javascript function, and pass that as an argument from the html file. – karthikr Jun 25 '13 at 20:04
I am afraid, I don't understand your answer. I want to display the foo variable in another template. I am using jquery .post for that. I would like to know how to access the foo in a different template. – trant trum Jun 25 '13 at 20:13
1

Since you are doing a POST, send the `foo` variable in the `context` from the view. – karthikr Jun 25 '13 at 20:15

How to add this to my static folder?

1 Answers1