https://htmx.org logo
Powered by
# htmx-general
  • f
    PSS: 
    hx-boost
    is great. Even though it means no longer being able to rely on 
    DOMContentLoaded
    afaik~
  • m
    You use the 
    from:
    syntax you have there, that's correct. Can you give me more details?
  • m
    thinking in events can be a bit of a mindset shift, but it is a great way to decouple code and the DOM is lousy with events to do cool stuff with 🙂
  • m
    in place of 
    DOMContentLoaded
    you can use 
    htmx.onLoad()
    which will give you a shot at processing all content loaded by htmx, including the initial page: https://htmx.org/docs/#3rd-party
  • f
    Well when the button is clicked, I'd like the 
    hx-trigger
    on the 
    divs
    to be executed. I could of course put the 
    hx-trigger
    on the button, but that would make the backend more complex.
  • m
    the code you have is correct
  • m
    those hx-get's shoudl trigger when the button w/ the id 
    open-sidebar
    is clicked
  • f
    I worked around this by moving my initialization logic to a dedicated function and calling it whenever 
    htmx:pushedIntoHistory
    is called; to ensure swapped pages are initialized properly.
  • f
    htmx.onLoad
    would trigger every time, right? So when I have polling partials (
    hx-trigger="every 60s
    ) that would cause some overhead
  • m
    it triggers every time content is loaded into the DOM by htmx
  • f
    Thanks – weird it doesn't work then; at least I now know I'm down the right road to debug it.
  • m
  • m
    your code, reworked to use jsfiddles echo funcitonality, working properly
  • a
    Can you somehow get the id of the current element to pass into hx-trigger filters? E.g.
    Copy code
    <button id="doIt" hx-post="/doTheThing" hx-trigger="click[performSomeCheck('#doIt')]"
    ? I.e. instead of having to statically pass in the element id again to the click filter function 
    performSomeCheck
    in this case ?
  • m
    Try performSomeCheck(target)
  • a
    Works. Of course it does. Thanks! 🙏
  • m
    In filter expressions symbols resolve first against event properties and then against global symbols
  • a
    That's not described in the docs though, right? Or did I miss it (again!) ?
  • m
  • a
    🤦‍♂️ I should really know better by now. Thanks!
  • m
    Soo, any plans on bringing 
    ic-action
    to htmx? Was quite practical. How else do you nowadays show a modal without hyperscript?
  • m
    I cannot seem to find a scalable way to register single-page 
    htmx:onLoad
    handlers that aren't accidentally carried onto the next page, when simulating a SPA.
  • m
    Hyperscript or alpine are the replacement for ic-action
  • m
    We could look at an extension to bring it back
  • m
    Registered with alpine 
    x-on
    ?
  • m
    Yep
  • m
    Let me add Alpine to my intercooler, htmx, jQuery, Vue.js stack 🤡
  • m
    My god, I hate this historically grown application. Thanks for the info tho
  • m
    Ha!
  • m
    Well if there’s intercooler then you’ve got ic-action!
1...386387388...1146Latest