😑

No problem!

The fix was replacing

onchange="this.form.submit()"

with

onchange="this.form.requestSubmit()"

.

For those interested, the final blog post is now online: https://www.wimdeblauwe.com/blog/2021/10/04/todomvc-with-thymeleaf-and-htmx/

is there a way to write javascript in hx-confirm? so i could display a number of selected items for instance?

Quick question about events... I thought htmx:afterOnLoad would only be triggered on successful responses, but it seems it's triggered in the same place as htmx:afterRequest... which means the 2 events are essentially identical? Is this right?

I.e. would it not make sense to have an event (if not

afterOnload

, then something like

loadSuccess

) triggered at the end of the try block ☝️ ?

Or am I missing something?

would

afterSwap

work?

afterOnLoad should be triggered after the onLoad has run

afterRequest

runs no matter what happens

Not right now, but there probably should be

js:

support in that attribute. Can you open an issue for that? In the meantime you could modify this example to do what you want: https://htmx.org/examples/confirm/

Thanks for letting me know and for the example. I actually dont have GH and i'm not GH savvy, anyone wanna open that issue for me? (yes, i'm embarrassed)

why doesn't this send the value of the button element along with the POST request?

<button value="-1" hx-post="/do/stuff" hx-target="#clickcount">-1</button>

can you give it a name?

so after working through it (thanks @User ) ... it only worked when the button was inside a .

like this:

<form hx-post="/count" hx-target="#clickcount">
<button name="amount" value="-1">-1</button>
<button name="amount" value="1">+1</button>
<button hx-delete="/count"
        hx-target="#clickcount">zero</button>
</form>
<div id="clickcount"><h1>0</div>

that round trips to the server as intended, updating the server's idea of the count value.

totally to taste, but I would implement this like so:

html
<div hx-target="#clickcount">
  <button hx-put="/count/decrement">-1</button>
  <button hx-put="/count/increment">+1</button>
  <button hx-delete="/count">zero</button>
</div>
<div id="clickcount"><h1>0</h1></div>

cool thanks

enjoyed your hit on dotnetrocks, i started using htmx to augment some of our older MVC apps, the combination of htmx and leveraging the mvc/razor templating has been really nice

excellent!

HTML on Whatever you'd Like, the HOWL Stack 🙂

did something in htmx 1.6 break, possibly related to oob swaps?

my game broke, unfortunetely i cannot do more testing today, but the browser error is elements with same id in the dom

😬 hope not, but can you post some code?

ill see if i can isolate the issue, i got an hour before i go sleep so maybe if im lucky i can find something

ok i can shed some light on the issue im facing

im swapping out a response with a tag and i am declaring some const in the script

i am getting a variable already declared on subsequent swaps