Is there a way to add the event listener on a html element with hyperscript and also extract the value of the header to put into the element??

"`response.headers = { "HX-Trigger": json.dumps({"showMessage": f"'{movie.title}' was added."}) }`"

Frontend:

`MESSAGE`

Updating attributes is really needed when using web components from third parties (to prevent FOUC https://en.wikipedia.org/wiki/Flash_of_unstyled_content). As a workaround I create a empty div (shadow-webcomponent) inside a container div and add an eventListener to this container on htmx:load. When htmx updates the shadow-webcomponent, the eventListener calls a javascript function to copy the attributes from the shadow-webcomponent to the original webcomponent. "js:doSomething" would be better, but something like idiomorph for attributes would be the best solution IMHO.

does hx-vals parameter attach a querystring to the get request?

Found out. Yes, it does.

ChatGPT describing htmx

Untrue (the X part, AFAIK) but a plausible retcon. GPT is a danger.

htmx stands for extended html

i wrote a note about that bot last night https://msmprojects.com/2022/12/03/the-model-does.html

the line between reasoning and faking it is blurry for certain, but it is still there and they aren't the same thing at all

that lunatic that $GOOG fired who thought their bot had achieved sentience didn't help

but it sounds believable

And that's the big problem with GPT.

yep. it was a nod to your previous comment

heh

basically, you're right and theres the proof

HTML only beginner [zero JS knowledge] - Reading hx-include documentation, but not understand it. Is CSS somehow related to Cascading Style Sheets? It does not make sense pro me 😕

what outcome are you trying to achieve?

Nothing specific at this moment, just try to understand HTMX capabilities. In future want to rewrite some old CGI / FRAMES based web sites to SPA to improove its visibility and usability on smart phones.

Understand HTMX is "HTML with some JS capabilities without JS", but its possible to use it without (even elemetary) JS knowledge? I am not a programmer, can do HTML 4 (without CSS) and simple shell scripts for CGI only.

doing a little todo app with htmx. can't figure out with my button isn't sending it's value along with the request

html
<button class="ml-auto text-red-500" hx-post="/wp-json/wauble/v1/todo/delete/" hx-trigger="click" name="id" value="1" hx-swap="innerHTML" hx-target="#todos-list">Delete</button>

Yes it is

Imo

You can also control some functionality via server headers

On response

Maybe look into #941815579440992337 as well then

From the hx-include page > The hx-include attribute allows you to include additional element values in an AJAX request. The way it works for hx-include is you don’t specify the value to include, you specify a form field - like ‘’ - and HTMX will grab the value of that field and include it in the AJAX request to the server. CSS syntax is great at choosing elements to do something in. In a CSS file, CSS syntax is used to choose an element/s to apply a style to. In hx-include, CSS syntax is used to choose an element to get the data from (which HTMX will then get the value of and include it in the AJAX request)

Was there a jsfiddle like thing where we could write some HTMX and it would show us what the request final looks like? I thought there was but maybe I dreamt it 😂