javascript syntax - using jinja2 and google app engine

Question

I keep getting Uncaught SyntaxError: Unexpected token ILLEGAL in my {% endfor %} line - I'm using jinja2 in Google app engine python server code and the error is in one of my html templates: I'm trying to create a menu of categories that show subcategories contingent on what parent category was picked - I want it to slide toggle to show sub categories. I'm new to JS/Jquery. Any ideas on what is wrong with my syntax??

function create_first() {

    var first_level = "<div id='colOne'>";

    {% for each in by_subject_level1 %}
        first_level+= "{{each.name1}}<br />";
    {% endfor %}; 

    $(#filtered_courses).append(first_level);   

}

Nirvana Tikku · Accepted Answer · 2013-01-25 06:30:35Z

1

Let's see.. to fix your immediate problems:

$(#filtered_courses).append(first_level); -> $("#filtered_courses").append(first_level);
you don't need the semicolon after the {% endfor %}, but I'm pretty sure that isn't causing any issues
don't forget to close the first_level content, by adding "</div>" before appending it to your filtered_courses div

One suggestion: string concatenation -- meh (depending on the size of your by_subject_level1 list). instead of +=, create an array ([]), push your content, and then join using

i.e.

first_level = [];
first_level.push("{{each.name1}}");
html = "<div class='colOne'>" + first_level.join("<br/>") + "</div>"; // if you need <br/> before the div, add it

edited Jan 25, 2013 at 6:30

answered Jan 24, 2013 at 18:04

Nirvana Tikku

4,2152 gold badges23 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

javascript syntax - using jinja2 and google app engine

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related