https://htmx.org logo
Powered by
# htmx-general
  • g
    If you have no back end logic (like, you’re serving static pages from a file folder) then there’s no reason to use those URL parameters in your request.
  • g
    You’ll already have that data on the client (as values in an input, or variables in Javascript) so just use it there.
  • g
    You’re probably looking at writing a bunch of Javascript to make this work.
  • m
    yes just wanna some advice to choose the best strategy 🙂 a global object app with a pool of data, a classical event or a mix by reacting to event:function in htmx.ajax context param
  • m
    question in this script the usage or more than one htmx.ajax result in all the body is replaced with content of b.html (last included), if i only use one of the two htmx.ajax only the selected id is replaced by the correct content did i misunederstood something ?
    Copy code
    ...
<body>
  <div id="p1">empty 1</div>
  <div id="p2">empty 2</div>
</body>

<script>
htmx.ajax("GET", "/a.html", "#p1");  
htmx.ajax("GET", "/b.html", "#p2");  
</script>
    a.html
    Copy code
    A
    b.html
    Copy code
    B
    solution i have found is to put the whole in an async function and wait 1ms between each htmx.ajax,
  • m
    hmm, is there a timing issue there?
  • m
    both of those are async calls
  • m
    btw, the next release of hyperscript is going to be async transparent, and might help with stuff like this
  • g
    If it’s a timing issue, that would mean that the two htmx.ajax calls are colliding somehow. @mysterious-toddler-20573 - Any way to check if they’re using shared memory anywhere? Also, @millions-painter-4817 , there might become kind of error showing up in the console that would help narrow things down.
  • g
    I could try to replicate this on my machine later. What browser/version are you using?
  • g
    i just wanted to pop into say I %!@$#ing love HTMX. holy crap.
  • m
    chromium Version 88.0.4324.182 (Build de développement) built on Debian 10.8, running on Debian 10.8 (64 bits) and 0 error in console same problem on Firefox 85.0.2 (64 bits), same solution
  • m
    😀
  • g
    honest to god it's brought joy back to web development for me. i think this idea is the future.
  • m
    I don't think there is shared state, I suspect that #p1 contains #p2
  • m
    another possibility is we are syncing on the requests on the body element
  • m
    I'd need to troubleshoot it
  • m
    I'm going to make 
    htmx.ajax
    return a promise so it's easier to work with stuff like this
  • m
    that's very edifying to hear 🙂
  • g
    one thing i stumbled on and had to "resort" to using hyperscript for was, i have a button that i want to properly disable during it's request. it already has an hx-indicator in the form of a progress bar, and i don't think i could add disabled="true" to that button using just css anyway so it doesn't seem like hx-indicator is a solution to that problem
  • m
    good point, need to think about that
  • g
    maybe a simple directive like hx-disable that sets disabled="true" during the ajax request
  • m
    hyperscript is probably the right thing right now, but i wonder if it shoudl be built in
  • m
    yep
  • m
    could be done as an extension pretty easily
  • m
    mix htmx + alpine
  • m
    it's kind of right on the edge of built in functionality
  • m
    need to think about this more
  • s
    Thinking about it, disabled while request is active seems like the preferred behavior for almost all buttons except maybe for navigation.
  • l
    I'm trying to use oob swaps for the first time as I have an input that I want to validate the format, if the format is bad I want to display a warning to the user. If the format is good I want to remove the warning and render a table of data that is outside of the form.
1...159160161...1146Latest