And I'm guessing it's the same for

hx-post

, yes?

i haven'tr tried it, you can check pretty easily in your Network tab though to see the actual request that gets sent

Do you think part of the success of htmx is the excellent naming? Ie sounds like the next evolution of html

Someone is testing a bot here, I think.

lol thanks for the ... compliment?

Hello. I'm having trouble deleting a row from a table. I'm following the example here: https://htmx.org/examples/delete-row/ and I've got my markup looking pretty much identical but it does not work. I get the pop-up opening to confirm the deletion, I see the network call being made and the deletion is happening on the backend, but the row is not removed from the UI. One possible cause is that the backend is returning a 204 No Content. Could that be the reason the row is not being removed?

There's a lot of moving parts, so it's hard to say for certain, but yes - htmx usually ignores a 204 No Content. Depending on the size of your table, I've found it's often best to just re-render and replace the whole table.

I can quickly try returning a 200 with an empty body to see if it fixes it.

Thanks @gorgeous-ghost-95789 .

Yeah, that's an easy thing to experiment with. Some browsers lose their minds when you try to yank a straight out of a table. If you run into trouble, check out https://htmx.org/docs/#config and try the setting named

htmx.config.useTemplateFragments

-- this uses a more modern way of handling swaps, which is often more resillient. Or, look at the idiomorph extension (https://github.com/bigskysoftware/idiomorph)

Can't wait to see rule 34 on this Discord Server... 😛

Yes, that fixes it. Too bad because I like to return 204 in such cases. Could this be considered a bug?

It's working as intended https://htmx.org/docs/#requests

I see. Thanks @ripe-action-67367

Question: I have a button that makes a request that needs some user input. 1. how do I access the value from hx-prompt? 2. is there a way to save that value from the first hx-prompt so that next time the hx-prompt won't fire

More details on what you're trying to accomplish would be helpful because this is a classic case where you might just be coming at the problem from the client-side framework perspective 1. Have you considered using a form? i.e. the button submits a form with the input filled out. Probably a better UX in most cases 2. If you need to use the prompt, what do you mean by "access"? Roughly speaking, the idiom is to send user input to the server, and then have the server return some HTML that reflects whatever the user provided i.e. The user enters a name into the prompt, the HTML that is returned by the server includes that name somewhere I can be more specific if that doesn't help

You are correct, I am definitely trying to do it on the client side. I will try the form option tho. I'll probably mix in some alpinejs as well

There are often cases where it's smart to do stuff on the client! Everyone's got a slightly different idea of where that line is drawn.

If you want to access it so you can update a different part of the page, try

hx-swap-oob

. If you want it to populate a later request, try returning a pre-populated

input

. Just some other options to consider

btw this might be my answer: https://htmx.org/attributes/hx-trigger/#:~:text=Conditions%20can%20also%20refer%20to%20global%20functions%20or%20state

Hello, I'm trying to get a request to override a polling request (if both are made at the same time). I've posted the question here: https://stackoverflow.com/questions/76267037/how-to-make-a-request-override-a-polling-request

Basically, I have a table on a page that that automatically updates every second, like this:

<div class="table" hx-post="/table.php" hx-trigger="load, every 1s"></div>

I also have a button that can move to a specific position in the table, like this:

<button hx-post="/table.php" hx-target=".test" hx-vals='{"position": "100"}'>100</button>

How do I make the button always override any polling request that is being made at the time? For example, if I click the button while the

every 1s

polling request is being processed.

Also see this for syntax of the selector in hx-sync https://htmx.org/docs/#extended-css-selectors

Thanks. Would this be the right solution?

<div class="table" hx-post="/table.php" hx-trigger="load, every 1s" hx-sync=".table:abort"></div>

<button hx-post="/table.php" hx-target=".table" hx-vals='{"position": "100"}'>100</button>

Hmm still doesn't seem to be working as I hoped. Is

hx-sync=".table:abort"

the right syncing strategy?

put

hx-sync=".table"

on the button

so they are using the same element to sync on

Thank you. I've tried that but I still seem to be having the same problem.

I would like to change the value like shown in the code selectElement('leaveCode', '14') In this example I have a select list Annual Leave Medical Leave Long Service Leave Without Pay and I can set the value in javascript function selectElement(id, valueToSelect) { let element = document.getElementById(id); element.value = valueToSelect; } selectElement('leaveCode', '14'); I want to use htmx to set the option with a htmx-get Get & Set on server fastify.get('/get-select', { }, async (req, reply) => { defmenu='17' return reply.send(defmenu); }) I've tried using different hx-swap methods but it all fails