https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
    You can use the hx-target attribute to replace a smaller bit of html https://htmx.org/attributes/hx-target
  • m
    I’ll try to make a comprehensive answer on stack overflow for you. On phone right now
  • b
    Thank you very much. It will be helpfull for other novice users too.
  • m
  • g
    Is it possible to trigger a custom event with data that will be swapped in instead of doing an ajax request?
  • m
    Can you give us some example html?
  • h
    here come's the changed data
  • h
    i want to swap, as soon , as the content of "/source" changed. is this the right way? 🙂 i guess not :)=
  • m
    If I understand you correctly, you want to change when the content at the URL 
    /source
    changes. There are a few ways to do this: 1. You could poll /source with this syntax: 
    hx-trigger="every 2s"
    2. You could implement Server Sent Events or WebSockets
  • m
    The latter is more complex but might be more efficient
  • m
  • m
  • m
    polling is going to be the easiest way to do it, but also the least efficient (although it usually doesn't matter)
  • b
    > htmx api functions that expect an element now can accept a string selector instead: > htmx.on('#form', 'htmx:xhr:progress', function(evt) { > htmx.find('#progress').setAttribute('value', evt.detail.loaded/evt.detail.total * 100) > }); What exactly is the new part here? https://github.com/bigskysoftware/htmx/blob/master/CHANGELOG.md#101---2020-12-04
  • h
    you are my hero! not just that you give me support here, you invented this great tool HTMX that makes my life better and easier! THANK YOU A LOT !!!
  • m
    htmx.on('#form', 'htmx:xhr:progress', function(evt) { htmx.find('#progress').setAttribute('value', evt.detail.loaded/evt.detail.total * 100) });
  • m
    You can pass a id in rather than needing to look an element up
  • b
    Oh, with 
    .on()
    , nice!
  • m
    rather than having to call 
    htmx.find()
    too
  • b
    Oooh, so can I now do 
    htmx.trigger('#form', 'refresh')
    ?
  • m
    yes
  • b
    Woooot!
  • m
    you should be able to
  • b
    Testing now
  • m
    😬
  • m
    ah, fug no
  • m
    I missed that one
  • m
    :/
  • m
    1.0.2
  • m
    :/
1...838485...1146Latest