CODEWITHSUNDEEP
javascriptpythondjango
niloofar
niloofar

Reputation: 2334

django javascript does not working

When the gray div is clicked I want the website to be opened in a new tab, but here this javascript code isn't working. Why? How I can edit it?

views.py:

from django.shortcuts import render
from django.http import HttpResponse

def test(request):
    return render(request, 'test.html')

test.html:

<html>
<head>
<script src="jquery.min.js"></script>
<script>

$(document).ready(function(){
    $("#gray").click(function(){
        window.open("http://www.w3schools.com");
    });
});

</script>
</head>

<body>
<div id='gray' style="width:100px;height:100px;background:gray;"></div>
</body>

urls.py:

from django.conf.urls import include, url
from secondv.views import test

urlpatterns = [
    url(r'^test', test),
]

The jquery.min.js file is in the template directory, the same directory as test.html file.

Upvotes: 1

Views: 1420

Answers (1)

Yablochkin
Yablochkin

Reputation: 136

Template directory is only for templates. All static content such as js, images should be placed to static directory. It's well described in docs

https://docs.djangoproject.com/en/1.9/intro/tutorial06/ https://docs.djangoproject.com/en/1.9/howto/static-files/deployment/ - for production

Upvotes: 3

Related Questions