https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
    :/
  • g
    where would the error be coming from ? that's where i'm lost
  • m
    It looks like an “error” event coming in from the sse server but I can’t tell for sure.
  • s
    Is it possible to set multiple targets for a response or trigger a function instead?
  • m
    @User https://htmx.org/docs#oob_swaps and you might want to look at the HX-Trigger response header https://htmx.org/headers/x-hx-trigger/
  • s
    Is there an example of oob swaps anywhere because I'm struggling to understand it
  • s
    The htmx trigger response header is exactly what I need, this library is really amazing.
  • s
    After rereading oob I think it sank in, just include the element you want changed and add`hx-swap-oob="true"` in addition to whatever you're doing normally and both will be swapped.
  • m
    yep
  • m
    oob swaps are done by ID
  • m
    so you have to know the ID of the out of band element you want swapped
  • m
    and it has to be at the top level
  • m
    glad you are enjoying it 🙂
  • h
    Hello everyone! is it possible using prefetch with htmx? https://web.dev/link-prefetch/#prefetching-subsequent-pages
  • m
    I would imagine it should work, htmx requests are just HTTP requests, nothing magic, so prefetching them should cache them locally just like any other resource
  • d
    Hi everyone, is there a way to clear an input field after an hx-post? I have a button that sends the data in the input and I would like it to clear out the input on success.
  • m
    Typically I would say replace both the input and the button
  • m
    By targeting an element enclosing both (eg a form)
  • m
    If that’s not possible or what you want, you could use an out of band swap for the input
  • d
    ok, thank you
  • m
  • b
    I've successfully added hyperscript to my htmx components to allow them to trigger each others' refresh events and it works (and reads) really well. Looking forward to some more momentum on this project!! https://putyourlightson.com/sprig-cookbook#refreshing-components
    Copy code
    _="on htmx:afterSwap send refresh to #counter"
  • m
    That is awesome Ben! That's exactly the sort of use case I envisioned for hyperscript: the equivalent javascript couldn't be written inline (except with something like AlpineJS) and would be a lot less readable:
    Copy code
    js
document.addEventListener("htmx:afterSwap"), function(event){
  document.getElementById("counter").dispatchEvent(new CustomEvent("refresh"));
}
  • m
    I am getting my home office back this week and should be able to start putting in work on both htmx and hyperscript soon. With AlpineJS supporting camelcase event names now, I think we may have an alpha release of htmx 1.0 at the end of September 👍
  • m
    also, saying this outloud to help my own thinking: hyperscript is designed to be easy to read, so that someone can look at it and intuitively understand what is happening quickly
  • m
    to do that I have added some high level language statements such as 
    send
    , etc. that help avoid all the extra code required in javascript. This means that I need to focus the language on a specific domain or it will get completely our of control. So my focus is going to be on front end glue code: stuff you should ideally be able to embed directly in HTML
  • m
    @User can I put together a tweet about this?
  • b
    @User Sure!
  • m
  • g
    Very Cool. The side-by-side comparison of the two sets of code really makes a clear case! Keep going like this, and you're going to force me to include Hyperscript in my next set of code 🙂
1...192021...1146Latest