htmx

🙂 We use "normal" form encoding in the requests we submit.  We do have a cutpoint for extensions do to their own encoding however: https://github.com/bigskysoftware/htmx/blob/1778ae77ca5bec9a9e437b0de114660fa5602220/src/htmx.js#L2011

so if you wanted to submit JSON you could

If I have an element triggering a hx-post on load, what would be an elegant way of passing it an additional parameter on click (i.e amend the hx-post url with a query string)

Is this possible without making two htmx elements?

Mind sharing how you did this? Can't seem to mind any CSS animation/transition classes

I used Web Animations API (`Element.animate`). Look at `/scripts/script.js`

Cheers – especially love the `console.log('asdasd')`

Does anyone have any time for a very basic problem?

I'm trying to implement the first animation example using hx-swap and for the life of me I can't put together how it works...

well, not a basic problem, but can you post code?

`      <style>
      .smooth {
      transition: all 1s ease-in;
      }
      </style>
        <div id="color-demo" class="smooth" style="color:red;" hx-get="/colors" hx-swap="outerHTML" hx-trigger="every 1s">Color Swap Demo</div>`

So, in order to get the colors to swap I use this js blatantly stolen from the same examples

`var colors = ['blue','green','orange','red'];
        onGet("/colors",function () {
          var color = colors.shift();
          colors.push(color);
          return '<div id="color-demo" hx-get="/colors" hx-swap="outerHTML" class="smooth" hx-trigger="every 1s" style="color:' + color + '">\n' +
            ' Color Swap Demo\n' +
            '</div>\n'
        });`

🙂 that is only going to work if you have the mock stuff I have set up

```
  onGet(...)
```
was a wrapper I made up to make things look nicer 🙂

It works for that, it just confuses dolts like myself.

Sorry about that.  What server-side technology are you looking to use?

It's a static site, no database, nothing complicated in the slightest.

I'm probably overthinking everything, "lost in the sauce" if you will.

so maybe just start with getting some content to swap in an interesting way on your site?

I did manage to implement your modal example, and I love the simplicity of it. I'm essentially trying to do the same thing but with a container that doesn't block user interactions

I can do that easy enough, and even easier with HTMX, but I'm trying to apply a closing animation to said container which led me to animations.