https://htmx.org logo
Join Discord
Powered by
# 🔥-django-htmx
  • a
    You can use Windows Key + Shift + S to take a screenshot on Windows 😉
  • a
    @icy-scooter-3369 what browser are you using?
  • g
    The Static directory doesn't belong in the templates directory unless that's the way you configured it in your settings
  • i
    Chrome
  • i
    I've configured that way
  • i
    In settings
  • a
    then open this and check if there are any errors on the console, and see on the Network tab that everything is right.
  • a
    if you are not familiar with it, I highly recommend getting to know it a bit, as it will be on of your main tools for debugging web apps
  • i
    So, I started a brand new project to try from zero... This photo below is using HTMX from CDN (when typing any character in input field, the character is displayed into a tag)
  • i
    In browser, at developer tool, I can see the GET working for each character I put in input field (hx-trigger="keyup")
  • i
    Now, I commented the CDN line and changed to script tag like the photo below. The js file can be found, but HTMX do not work
  • i
    I'm so sorry, this images are horrible. I'll keep trying to figure it out.. Sorry guys
  • h
    The problem seems to be the path where is htmx.min.js
  • i
    Wish you were right, but the js file can be found by the browser
  • c
    Well I think it may be that my ListViews calls the client_card partial and the partial calls clients causing a recursive loop?
  • i
    I got it, guys! Just take the raw content of a brand new 'htmx.min.js' from oficial page and put it into a new file with the same name. Seems like when I downloaded the js file something goes wrong... So instead of download it, I copy it's content to a new file.
  • i
    Now it's working!
  • c
    My main issue is Im listing the items trying to use infinite scroll and also trying to filter those results with a text box, if i try and search everything is dumped on the page, because when I search it triggers the below function.
    Copy code
    def get_template_names(self):
        if self.request.htmx:
            return 'partials/client_card.html'
        return 'clients.html'
  • c
    hi guys, have you ever encountered a problem with browser cache? when I do an action which returns HTMX response (in this case filtering catalog of products, which returns products and updated filters from API) then go to product detail and come back using back button, the request gets served from disk cache. In result the page is empty with no content in head, footer etc. just the HTMX part response displayed - which obviously breaks stuff as the css is missing
  • c
    is it possible to disable caching mechanism somehow and always issue HX-History-Restore-Request on 'going back'?
  • m
    set 
    htmx.config.historyCacheSize
    to 0
  • l
    is there an htmx attribute that disables htmx when the tab is hidden/not focussed? intercoolerjs had these
    Copy code
    ic-disable-when-doc-hidden="true" 
ic-disable-when-doc-inactive="true"
  • c
    thank you
  • m
    not currently
  • r
    Hello guys, is there any implementation of multi-upload images with a preview that you can guide me to? I'm thinking about having one, and I'm wondering if something like that exists. Any hint would be appreciated.
  • c
    Im trying to trigger a hx-get from a different drop down using
    Copy code
    hx-trigger="keyup changed from: #service-type"
  • c
    But the request is not triggering
  • c
    is this correct?
  • c
    Looks like there is a problem with using HTMX and Select2
  • c
    With hx-include can you include more than one element [name='element', name='element2']?
1...666768...100Latest