will be online in a bit and will try to help…

(he's in primeagen's house holding him at gunpoint)

(or rather at grugpoint)

at clubpoint

The power of memers

when i make an element do hx-post what exactly does it send as the body? and is there a way to change it?

see https://htmx.org/docs/#parameters

ty

I don't want to alarm anyone, but it might actually be the case that 3 different people at least are using OCaml and htmx

(that I know of, so possibly more!)

wait so if i wanted to submit an entire form would i put the post on the form element or the submit button element

on the form.

What's the cleanest way to have form inputs change based on the value of a different input? I've got a form where there's a number input that decides how many dropdows there are on a page. Simplest way I can think of is to send the entire form on keystroke/change (denounced) to the server to figure out when to swap in the new updated form with the correct number of fields. Is that a good approach?

so i have this form thing that should post its data from what i understand, but when i get the body of the request its blank, is there smth im missing?

server code

STONKS

cross domain is probably messing w/ it, just pare it down to

hx-post="/api"

still nothing

is the request reaching the backend? is it being logged?

yep, the problem was that i forgot to add the name element to the inputs 💀

It’s always the name attribute

I am implementing something similar for inline editing of a single field and I did it like this (Using alpine):

<div id="title-edit-form-wrapper">
<form id="title-form"
  hx-put="/123/title"
  hx-trigger="keyup[key=='Enter']"
  hx-swap="outerHTML"
  @keyup.escape="htmx.ajax('GET', '/123/title', {target: '#title-edit-form-wrapper', swap: 'outerHTML'})"
>
  <input type="text" id="title" name="title" value="This is a test" autofocus>
</form>
</div>

This does a PUT request if the user presses ENTER (via the

hx-trigger

), but does a GET request when the user presses ESC.

Hey all, I'm assessing htmx for adaption by my team. We built applications/integrations for platforms like atlassian and monday.com. Htmx's model seems to be a great match for what we do, the only major downside I run into so far is that these platforms provide styled component libraries for easy integration with their platform which are based on react. Not having to spent time on creating and styling these components ourselves is obviously really valuable. I'm still willing to explore how much effort it is to maintain htmx-based versions of such styled-components ourselves. Anyone here been in a similar situation? What's your experience been?

Hello! 👋 I haven't done it with React components, but using https://shoelace.style - a web component library - was pretty straightforward. Things generally worked out-of-the-box except I had to tell HTMX which components I wanted it to include in http requests - which was fine really. I didn't need to make any HTMX specific versions of the components. I don't really know what that would look like TBH. After a little while I ended up having a go at making an HTMX extension (which was super easy) to make forms with shoelace components work the same way as forms with standard HTML elements https://github.com/benopotamus/htmx-ext-shoelace.

I created a StackOverflow question based on question. Given how common that error is, and with HTMX only being a few months away from taking over web development, I'm expecting quite a LOT of up votes 😂

Thanks for the input! I'm still trying to wrap my head around the way-of-working that htmx proposes so can't say I 100% follow what your doing (or what my options are) but it looks intersting so I'll have a better look. I was under the impression that using htmx i.c.w. react would be a clash in models and not really workable but maybe I'm misunderstanding? Could I use react to render the components from these libraries but add htmx-tags to realize the interactivity?

Is it possible to use a value from a form within

hx-push-url

? For example, something like this:

<form hx-push-url="/page/{input.example.value}">
  <input name="example" value="123">
  <button type="submit">
</form>

So when you click the button, the URL updates to

/page/123

?

I’m not sure tbh. I only have a little bit of experience with react, and that was a while ago. Hopefully someone who knows what they’re talking about can answer 🤷‍♂️😂

if the submission is a get, it should automatically be included. Otherwise you can construct the URL server-side and respond w/ the

X-Push-Url

header