You’ll always get something in that header though I think. So you’d have to be careful you don’t try and get a fragment that you don’t want or that isn’t there. Probably better to be explicit rather than implicit (where have I heard that before 🤔😂)

Hi everyone, hope you are having a great day. In my Django project, I am trying htmx. I was able to log in and redirect to the home page without the page reloading. But now I need my navbar to be updated accordingly as well. Here is my base.html HTMX Blog <script src="https://unpkg.com/htmx.org@1.8.5%22%3E {% include 'navbar.html' %} {% block body %} {% endblock %} Here is my login form submit button. <button class="btn btn-success" hx-post="{% url 'login' %}" hx-push-url="true" hx-target="#content" hx-swap="innerHTML" hx-indicator="#content-loader" type="submit">Login Here is my navbar.html {% if user.is_authenticated %} Logout {% else %} Login {% endif %} Now, when I log in I still see the Login even though I am authenticated. I understand that I don't see the authenticated part since the navbar is not updated from the response. How can I update the navbar as well accordingly?

I had very similar issue with my application, which is not written in Django. My solution was to just use good old and return new HTML to be loaded by the browser. I’ve tried dealing with events etc but just reloading the page was the simplest solution, so I’ve ended up writing less code.

Take a look at the boost attribute (https://htmx.org/attributes/hx-boost/) or consider also returning your nav bar HTML using an Out of Band swap (https://htmx.org/attributes/hx-swap-oob/)

Thanks Out of Band swap solved the issue.

wow, I didn't know about oob

it looks really cool, but I needed some time to understand how it works

Hello, somebody know a tutorial for build a server sent event SSE, with django channels and htmx????

django isn't really suited for long polling, next best thing is websocket

Hi thanks for your answers. How i can return a custom headers in a consumer response?

depends, either in the view or in a custom middleware if it needs to be widespread

django-htmx has a function to help send client events

Here's my problem: I'm loading a complex form in a modal via htmx,. In this form I'm using vanilla js to dynamically add/remove formset. Everything works on first try but when I load the modal another time via htmx I have errors because the variables in my custom script are already declared. How can I solve that?

<script>    let ingredientForm = document.querySelectorAll(".ingredient-form")    let ingredientFormList = document.querySelector('#ingredient-form-list')    let container = document.querySelector("#form-container")    let addButton = document.querySelector("#add-form")    let deleteButton = document.querySelector("#delete-form")    let totalForms = document.querySelector("#id_form-TOTAL_FORMS")    let formNum = ingredientForm.length-1 // Get the number of the last form on the page with zero-based indexing

the error is

VM13:1 Uncaught SyntaxError: Identifier 'ingredientForm' has already been declared

I solved the problem by forcing a full page refresh when form is saved (not ideal as I want only to refresh a partial) but the problem remains if I close the modal an open it again...

hey guys, I'm trying to use htmx.on (https://htmx.org/api/#on) to intercept an HX-Trigger from a POST response header, but it doesn't seem to be working. Does htmx.on look at all response headers, even if they weren't made from an hx-get/hx-post?

no, has to be through htmx

thanks 🙂 headache solved

I'm testing a Django view which also responds to HTMX requests, when I hit that line however I get this error:

>       if request.htmx:
E       AttributeError: 'WSGIRequest' object has no attribute 'htmx'

Do you have the django-htmx package installed? request.htmx doesn't work unless you have that package

yes I do

request.htmx is working, it's specifically when I run tests

oh gotcha, idk then

Sounds like the middleware isn't installed? Do you have copies of your settings, one for running and one for testing? Make sure it's in both

It is there

In the

base_settings.py

file, which is common to

dev.py

and

prod.py

Is this a unit test that's failing? Are you using the test client or

RequestFactory

?

Hey guys, a lil bit off top, but maybe you know why 'docker compose up' ignores '.dockerignore' file and copies everything into a container?

@bitter-monkey-50309 I am using

RequestFactory

, here's how I solved it for now:

python
request_factory = RequestFactory()

    request = request_factory.get(reverse("s"))
    request.user = profile.user
    request.htmx = True

generally the problem is that you're setting the variables in the global scope. In the main window object that is one way to go around that would be to put that js in a self-invoking function . (see more here https://linuxhint.com/self-invoking-functions-in-javascript/#:~:text=In%20JavaScript%2C%20a%20%E2%80%9CSelf%2D,by%20another%20set%20of%20parenthesis. ) something like

(function () {
    // your code here
    let ingredientForm = document.querySelectorAll(".ingredient-form")    let ingredientFormList = document.querySelector('#ingredient-form-list')    let container = document.querySelector("#form-container")    let addButton = document.querySelector("#add-form")    let deleteButton = document.querySelector("#delete-form")    let totalForms = document.querySelector("#id_form-TOTAL_FORMS")    let formNum = ingredientForm.length-1 // Get the number of the last form on the page with zero-based indexing
   //end of your code
})();

this will not put your variables in the global (window) scope, so when you reload from HTML your function should run again without problem.

Thanks for your help.. I solved declaring the variable using var instead of let and getting out of the global scope

Happy you found a solution