https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
    e.g. leave the top menu or whatever alone
  • b
    I don't know if this helps with this sitch, not looking at the code w u, but I was recently considering smalltalk-like returns by passing a promise in the detail of an event. So you make an unresolved promise, send it in the event, then await the promise. Then a handler somewhere can resolve it. This is tricky in JS but I have a solution if you're interested (again idk if it helps this usecase)
  • m
    grug getting what grug deserve
  • b
    CSS selectors can be attributes. New possibilities emerge 😈
  • m
    OK, looking at this more
  • m
    the best cut point I can see is the 
    htmx:beforeSend
    event
  • m
    ugh
  • m
    no, there is a lock in there
  • m
    man
  • m
    javascript, why can't you be hyperscript
  • b
    Is it more efficient to use 
    defineExtension
    with 
    init
    and 
    htmx.on
    for the events you want, vs using 
    onEvent
    and checking for the event types with 
    if
    ?
  • m
    onEvent will be called when the extension annotation is above the element in question, htmx.on() will be global (unless you scope it somehow)
  • b
    Ah ok. So you were going for global with htmx.on() in head-support
  • m
    Yeah, it's a singleton
  • m
    but OTOH, I wasn't thinking deeply
  • m
    (that's my secret, cap)
  • b
    I need to watch more Marvel movies
  • b
    Is the outgoing HTML chunk stored in the event for 
    htmx:afterSwap
    ?
  • r
    hello i have a little question i use htmx to refresh my page and have my data always up to date but the thing is that when i open a popup 5s later it closes because of the refresh of the page how can i fix this problem can there be a way to tell him that when i click on my button the htmx is deactivated? but then how 😅
  • b
    Take a look at the 
    htmx:beforeRequest
    or 
    htmx:beforeSend
    events. You can write a little bit of Javascript (or hyperscript) to check if the popup is open and if it is use 
    htmx:abort
    to cancel the request
  • b
    just had to move it outside the element being updated.
  • r
  • m
    I can't seem to find the multi-swap extension. Is it available somewhere? https://unpkg.com/browse/htmx.org@1.8.2/dist/ext/
  • c
    you don't find the multi-swap extension. The multi-swap extension finds you
  • c
    @mysterious-toddler-20573 it really does seem to be missing. this page has a link to the extension and it can't find it https://htmx.org/extensions/multi-swap/
  • m
    This answer says I can use a class selector to replace the contents of multiple targets, but on testing only the first element with the class is changed: https://stackoverflow.com/questions/73206031/can-hx-select-oob-update-several-targets
  • b
    Is there a reason some extensions only have 
    htmx.defineExtension(…)
    while others are wrapped in 
    (function(){…})()
    ?
  • b
    I guess one the single 
    htmx.defineExtension
    call doesn’t add anything to the global namespace, and wrapping in 
    (function()…)()
    is used when variables are created but you don’t want to pollute the global namespace?
  • m
    I use the 
    (function(){.. })()
    form when I want to have some shared state across all the extension points. That's the old school JavaScript trick for that.
  • m
    looks like I screwed up and added the docs to master, but the extension is still in dev: https://github.com/bigskysoftware/htmx/blob/dev/src/ext/multi-swap.js
1...882883884...1146Latest