Do like this use var obj_slug = object.slug inside script tag below it include your js file with the above js script. in js file you can acces it with obj_slug variable.
On Wednesday, 16 June 2021 at 22:31:39 UTC+5:30 [email protected] wrote: > I also had the problem once. But what I understood is that the > interpretation of the DJANGO syntax in statics files only works when the > file has an HTML extension. So if you really want to do something separate > with the script you can just create another HTML file but in another folder > where you will put the script content surrounded by the SCRIPT tags and > then you will just include with the directive {% INCLUDE <path-file>%} in > your main HTML file. > > On Wednesday, June 16, 2021 at 3:59:16 PM UTC [email protected] wrote: > >> while doing great stuff with django I have found some clumsy behaviour of >> django in handling .js file. Is there a way to effectively integrate all >> the stuff of <script> </script> in a separate file and effectively used it >> with rest of the html code. >> >> for example : >> >> // *file.html >> ..........................................................................* >> >> <div class = "like"> >> <div class="like-inner-flex-1"> >> >> <form action = "{% url 'blog_likes' object.slug %}" >> method="POST" id="likes-form"> >> {% csrf_token %} >> >> <button type="submit" role = "checkbox" class="like-btn" >> id="like-{{ >> object.pk}}"></button> >> </form> >> </div> >> <div class="like-inner-flex-2"> >> <p id = "likes">{{ object.total_likes }}</p> >> </div> >> </div> >> >> >> >> >> // *file.js file* >> .................................................................................. >> >> $("#likes-form").submit(function (e) >> { e.preventDefault(); >> var serializedData = $(this).serializeArray(); >> $.ajax({ >> type: 'POST', >> url: '{% url 'blog_likes' object.slug %}', >> data: serializedData, >> success: function (response) { >> var like_count = JSON.parse(response["like"]); >> like_flag = JSON.parse(response["flag"]); >> >> console.log(like_flag); >> >> if(like_flag == 0){ >> $(".like-inner-flex-1").toggleClass('like-animate'); >> }else >> $(".like-inner-flex-1").toggleClass('like-animate'); >> >> if(like_flag){ >> >> $('.like-btn').css({"background-color": "#d629801a" , "outline": >> "none"}); >> >> $('.like-inner-flex-1').css({"background-position": "right", >> "filter": "grayscale(0%)"}); >> >> } else { >> >> $('.like-btn').css({"background-color": "transparent", "outline": >> "none"}); >> >> $('.like-inner-flex-1').css({"background-position": "right", >> "filter": "grayscale(100%)"}); >> >> } >> >> $("#likes").text(`${like_count}`); >> }}) >> }) >> >> .......................................................... >> >> if I use above script inside the same html file then it works, but in >> above case its not working ?? If there is any work around to do this thing >> , then please suggest me . >> >> Thank you....... >> >> >> >> >> -- You received this message because you are subscribed to the Google Groups "Django users" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/5646832c-ab1a-4e58-8e10-0b178ddab1c0n%40googlegroups.com.
