attribute twizzling/detwizzling broken out on the right

<form class="form" data-hx-post="//sub.test.local/1/fetch" data-hx-target="#target" data-hx-swap="innerHTML">[...]</form>

- trying to do hx-post to my endpoint, but in FF dev console there is OPTIONS request fired, and then the POST request blocked. What am I doing wrong?

Without htmx, usual action+method=POST working just fine... For what do OPTIONS request is firing?

https://stackoverflow.com/questions/1256593/why-am-i-getting-an-options-request-instead-of-a-get-request I think this is the answer to my question, and is not related to htmx itself, but still somewhat ugh...

is this cross domain?

Is there a way to "inverse" the fragment swapping? Let me explain. Normally htmx will fetch an html, select a section from it, and replace a portion of the current document with it. That's fine. But I need to replace many fragments from the page with updated data, and it'd be easier to tell htmx to replace the whole body BUT keep a specific section from the currently loaded HTML (I have a form there which the user might've entered something and I don't want to lose it). Is it possible?

If that's not possible... then I guess I'll need to send many

hx-swap-oob

sections in the response

> is this cross domain? @User Yeah, worked this out. I have two different servers, but was not familiar enough with CORS. Figured out I need to modify my apache conf files (or .htaccess) and add the needed stuff like

Header set Access-Control-Allow-Headers "hx-active-element,hx-current-url,hx-request,hx-target"
    Header set Access-Control-Allow-Methods "POST"

Plus an origin of my requesting server... I hope I'm doing it right xD

welcome to web programming, enjoy your stay

Headache is here to stay, yeah xD

In the docs https://htmx.org/events/, it says "If the event is cancelled, no request will occur.". How does one cancel an event?

@narrow-chef-14221 -- I don't know of anything in HTMX that's an "inverse" of swapping a fragment. You might try isolating the part of your document that you want to keep, by putting it outside of that part that gets swapped. I'm thinking of global navigation (or something similar) that wouldn't be updated if you just swap a somewhere else within it.

Obviously, this depends on your document structure, so it might not work for you.

🎙 devMode podcast episode 86: "Dynamic HTML with htmx" is out! 💪 https://devmode.fm/episodes/dynamic-html-with-htmx

@User you can cancel it by listening for the event and calling

preventDefault()

event names:

option 1 - a configuration variable that allows you use use kebab naming rather than camel case option 2 - just switch to kebab naming option 3 - dispatch both camel and kebab named events

My vote is for option 2️⃣ (KISS)

Hey @User fancy seeing you here–regarding the ticket I opened with you https://github.com/putyourlightson/craft-sprig/issues/25 I decided to jump on here

So I've moved to using events which actually is a smarter way of doing what I'm after anyway

However I can't seem to get the component variables in refresh

though I'm not sure if it's a sprig question or a htmx question..

Well this is a htmx chat room @User 🙂

> However I can't seem to get the component variables in refresh @User can you explain this?

This sounds pretty Sprig specific.

Hello, I changed the search example like this, but i get a htmx:targetError Search Tasks Searching... any idea?

Your target is

results-tasks

but your div is `results-task`–missing the s on tasks

Oh well thank you this was driving me crazy, it was so simple! 👍

This is actually something that I have to say is hard about declarative programming in general: when stuff works it's great, but when it is going wrong it can be very hard to understand why. Need to think about how to handle that better.