https://htmx.org logo
Powered by
# htmx-general
  • g
    hx-swap
    (https://htmx.org/attributes/hx-swap/) just says what part of your page to replace. 
    outerHTML
    basically says "swap this whole tag and all its contents."
  • b
    I have something like this: return render(request, "messages-partial.html", {"messages": errortext})
  • b
    yes, outerhtml I know from java.
  • g
    Ok, cool. 🙂
  • b
    but when sending a partial html to the frontend, I kind of got lost in the htmx code because I always end up with a new page
  • b
    with just my error message
  • b
    and not on the same page
  • b
    <div hx-get="/clicked" hx-swap="innerHTML" hx-target="#messages"> {% include "app/messages-partial.html" %}
  • b
    (inner or outer html should not be so important for just the functionality here)
  • g
    I think I understand. So, your django "render" function is going to need to include that outer 
    <div hx-trigger...>
    code as well. Is that possible?
  • b
    hm ... the hx code can be in the template
  • b
    no problem there
  • b
    but the response django sends leads to a new page right now, not to a partial swap of an element
  • b
    i have some function that returns a download (works) or if it does not work (err) it should return a message with the err
  • b
    (which I want to do in HTMX )
  • g
    I think I'm following you. What do you mean my "leads to a new page" ?
  • b
    ah ok
  • b
    I click on download (manipulated the function to always fail before) -> empty window with my err text in the browser
  • b
    (name "test" is not defined" is my manipulated error)
  • g
    Ok. So then that link is not running the htmx code. 1) double check that you have an 
    hx-get
    in there, and 2) confirm that htmx is running on this page.
  • b
    yes, I have other HTMX parts on this page that work just fine (a regex search and a dynamic table)
  • g
    Ok, then 
    hx-get
    must not be included in the link you're clicking. Double-check the code using your browser's inspector?
  • b
  • b
    this is my download buttons code?
  • b
    no ? 🙂
  • g
    Ok, this is getting weird... 😦
  • g
    fwiw, we resolved this offline. Another win for htmx 🙂
  • m
    pattern?
  • m
    contribute a demo?
  • g
    I'm not sure there's much of a demo to do. The issue was specifically about using htmx to trap an error when generating a downloadable file. The solution was to 1) send a request to generate the file, and 2) have the response either 2a) return an error message or 2b) use 
    hx-redirect
    to forward the user to the download location for the newly generated file.
1...188189190...1146Latest