https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • a
    Guys, ia there anything special required to get hx-get working from within a datatable (DataTables.net)?
  • a
    P.S, paging is enabled
  • a
    Pagination
  • m
    Yeah htmx/intercooler started out focused on partial html replacement, in contrast with turbo links, which was whole-page focused. I threw boosting in as an afterthought. Interesting that turbo links/Hotwire was the opposite move.
  • w
    Hi, I'd like to modify the value of an empty input element before its data is sent via a POST request. Any ideas on how to go about it? I have tried changing it via hyperscript at the htmx:beforeSend and htmx:beforeRequest stages and the browser inspector shows the changed value but the post request info still sees it as empty
  • l
    When using an 
    hx-post="…"
    on a form, what's the easiest way to clear the form on successful execution of the request?
  • m
    What are you targeting?
  • m
    this should work, can we see your code?
  • l
    The 
    beforeend
    of a 
    <div>
    . It's kind of a guestbook to which the form submission adds entries.
  • m
    OK, I would trigger a custom event, "addedEntry" or similar, listen for that and call https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset
  • m
    alternatively you could use an out of band response to do the append and just return the form html, w/ the form as the target
  • m
    a few different approaches, depending on what is easiest and clearest based on your back-end
  • l
    I had hoped that some attribute on the form and maybe some hyperscript would do the trick.
  • m
    you can definitely do it in hyperscript
  • m
    the problem is that it sounds like it's conditional
  • m
    are you showing error messages, or is this on every submission regardless?
  • m
    if it isn't conditional we can toss some hyperscript on it and be done
  • l
    I tried 
    _="on htmx:entryAdded this.reset()"
    on the 
    <form>
    element.
  • l
    It's a demo so it doesn't need to be perfct.
  • m
    You'd do:
    Copy code
    applescript
  on entryAdded reset() me
  • m
    one sec, lemme get a demo going
  • m
  • m
    you'd trigger 
    entryAdded
    w/ the 
    HX-Trigger
    response header
  • m
    pretty clean
  • l
    Hm, I see the request executed, the response header but the reset doesn't seem to get triggered.
  • l
    That said, it doesn't seem to work in the link you sent. Maybe a browser issue?
  • l
    Nope. Switching to Safari doesn't change the outcome.
  • m
    hmmm
  • m
    it works for me in chrome and firefox, but not safari
  • m
    truly, the new IE
1...855856857...1146Latest