https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
    Yep
  • m
    The docs (reference section) also make it sound like you can put a CSS selector in the hx-swap-oob attribute and it can match multiple DOM elements at once. I've only done the ID way so far.
  • m
    Copy code
    html
<div>I did not know you could do this formatting - thanks!</div>
    Three backticks followed by the word "html" for anyone else wondering 😁
  • m
    I'm off for the day - good day/night!
  • a
    ah yeah, that was one of the first things I learned when coming to discord for help. It's really nice.
  • a
    you can also do three ticks and the name of the language like tickticktickhtml or tickticktickpy for python for highlighting and stuff
  • b
    I believe this won’t work as OOB elements have to be at the root of the returned html. I.e. they can’t be wrapped in another element.
  • b
    See the last paragraph here: https://htmx.org/docs/#oob_swaps
  • b
    hi all! I'm new here and am wondering if I could use this channel to ask for some beginner's help?
  • g
    Welcome! You're probably in the right place. There's a mix of beginner/advanced discussion here. What's up?
  • b
    well,I am implementing HTMX on a simple web page, which has a basic form with a classic submit button
  • b
    I added an hx-post attribute to the and see the request successfully appear at some custom backend service I wrote
  • b
    now, this service is returning http status code 204 (no content) and adds an HX-Trigger header field
  • b
    however... the trigger doesn't seem to actually happen on the client's side
  • b
    if I manually trigger the event on my browser's console, the desired effect takes place however
  • b
    I added an event listener for the specific event to the with jQuery's .bind function
  • g
    One first thought -- HX-Trigger in the response header will trigger the event on the window (not on the DOM element that initiated the hx-post) so you need to look for it in the right place.
  • b
    ok, so if I just add the event listener using 
    addEventListener(...)
    that should work?let me try it right away
  • g
    Also, I'm not really familiar with jQuery, but I think that if you're using htmx + jQuery, you'll need to let jQuery know any time that htmx updates the DOM.
  • b
    hm, that didn't do the trick
  • g
    Yeah, 
    window.addEventListener()
    should work.
  • g
    shoot
  • b
    ok, let me try that then
  • b
    HTMX is not updatig the DOM as far as I know - the only use now is with this post trigger returning a 204
  • b
    nope, still no triggering happening 😦
  • g
    Ok. What is the content that you're sending back in the HX-Trigger header? Is it possible that it's formatted incorrectly?
  • b
    my browser's inspector tells me the event listener is there
  • b
    perhaps, but it's just a simple string
  • b
    HX-Trigger: form2mail
  • b
    Copy code
    py
response = make_response("", HTTPStatus.NO_CONTENT)
response.headers["HX-Trigger"] = "form2mail"
return response
1...814815816...1146Latest