https://htmx.org logo
Powered by
# htmx-general
  • p
    Tried that, but no difference. Docs show with quotes by the way
  • r
  • p
    Ah, but I was using 
    timeout
    , not 
    htmx:timeout
    . Will try that tomorrow, but that event is not listed in the docs.
  • r
    yup, tripped me up too. I'll make a PR
  • m
    sorry wim!
  • c
    I am trying to achieve this behaviour in htmx, without success: https://jsfiddle.net/eo82h6ut/3/ Yesterday I got some advices but I was not able to put them in practice, sorry
  • m
    you want a button that adds a new step?
  • c
    correct
  • c
    adds a new step updating the field names and ids
  • m
    ok, that's more of a client side thing than an htmx thing then
  • c
  • m
    It could be done w/ htmx, you'd need to submit the highest count along w/ the button and replace it
  • m
    doable
  • m
    if you want to do it all via htmx
  • c
    which is the thing I was suggested to do, IIUC
  • c
    maybe don't worth it, to be honest
  • c
    will look at some client side libraries, maybe alpinejs
  • m
  • m
    this is how it would work w/ htmx
  • m
    use a server side template and replace the button w/ the new inputs plus an updated button that passed along the count context
  • m
    but a client side solution is fine too
  • r
    added a note about various ways to set the time, too.
  • p
    I still can't get the 
    htmx:timeout
    to trigger. I also tried to do it from a jsfiddle instead of my Spring Boot application, but it also does not seem to trigger there: https://jsfiddle.net/mxepf5vc/
  • m
  • m
  • m
  • m
    are you able to debug and watch all these?
  • m
  • p
    It works if I set the timeout globally in JavaScript like this:
    Copy code
    document.addEventListener("DOMContentLoaded", function(){
        htmx.logAll();
        htmx.config.timeout = 100;
    });
    But it does not work when doing it via the 
    hx-request='\"timeout\":100'
    attribute on the 
    <button>
    that does the request.
  • p
    Ok, I am an idiot, I need to use 
    hx-request='"timeout":100'
    instead (note how I had the quotes escaped initially). Is there any way we can make this a bit "friendlier" so that for example 
    hx-request="timeout: 100"
    would work, or maybe 
    hx-timeout="100"
    ?
1...690691692...1146Latest