something like

js
document.querySelectorAll('id=form');.forEach(elem => { elem.setAttribute("style", "display:block;") });

should work I guess (but I am a js noob)

there are HTMX events: https://htmx.org/reference/#events

thanks bro

You could always use hyperscript to change the attribute after the htmx load event

Or return a custom htmx tag in your response to use as the trigger

Would there be any appetite in adding another HTTP response header that overrides the behaviour of not swapping error responses? Something like

HX-Swap-Error: true

? An example use case is when a user submits a form that fails validation I want to return the HTML of the form with the inline validation errors (including keeping the submitted values) but also use the 400 status code to make it clear in logs that it's failed validation. Adding it as a header means by backend can be responsible for determining whether it's able to return an error suitable for the target or not (no full page error dumped into a

div

intended for a partial. Currently I've got an event listener on

beforeSwap

that checks if the status is >= 400 and there's a custom response header to swap the error then it sets

shouldSwap=true

and

isError=false

. Be nice to bake that in IMO.

Can you make an extension for that?

Did I get the emoji right?

I've done the exact same thing, baking it in would be good

Good idea! I hadn't thought of that so I'm not sure.

I recorded a short video: Real-world application of HTMX and how I'm building a relatively complex web app with it. If you have questions I'm here to help

quick question: can the

every

interval be reduced by factor 10?

html
<div hx-get="/latest_updates" hx-trigger="every 0.1s">
  Nothing Yet!
</div>

like this?

you can use

ms

as an ending

although polling every 100ms would be unusual, I would probably look at SSE or WebSockets for something updated that frequently

Is it possible to pass a JSON body along with

hx-post

through an attribute? Or do I have to make it a form to pass data?

I’m going to start putting all these questions and answers on StackOverflow. I’ll have so much karma 🤤

This could be me! https://stackoverflow.com/questions/586182/how-to-insert-an-item-into-an-array-at-a-specific-index-javascript 4000 upvotes!

I'm headed out for family vacation - I may pop in here on occasion, but who knows. "at" me if you need anything, and I'll see it when I'm on. Merry Christmas, you happy band of Carson's Internet friends!

> Happy Band of Carson’s Internet Friends ❤️

hello, is htmx able to do a morph that deletes content selectively?

sorry found it, hx-swap-oob:delete would let it work

hey guys, how would one create a dropdown from an API endpoint (JSON data) using hx-get? 😮

e.g, i'll have a list of objects like so: https://virtserver.swaggerhub.com/paulo882/TestRunner/1.0.0/device

and I'd like to render device ID's in the dropdown list

This "kind of works" i.e i can see HTTP Get request go out but i'm struggling to figure out how to access element by key and also whether it loops over elements by default?

Normally you would make a request to JSON endpoint on your backend and render it into your select tag there. You client then would not make any additional requests. If you, however, have to do that from the browser, you have some options

😮