right now I'm adding the trigger to the

window

, which is the

html

-tag, I think

in any case, I can see that a listener is properly attached, and the resulting callback is being called when I manually dispatch the event from the browser console

(Sorry - I didn't catch that your name has changed. I was sitting here thinking "Why is no one helping Phil, but Bart shows up and gets all the attention?" LOL) You can send headers without bodies, IIRC, but targeting may not be your best bet there. One thing to note, though, is that htmx uses

XMLHTTPRequest

under the hood, which means that a) it's going to follow redirects before you ever get it back (not an issue here); and b) 4xx and 5xx responses are going to be interpreted as errors, which means they're going to follow a different code path. I would almost either return a body with a simple "yes" or "no"; return a separate (maybe custom) header that indicated success or failure; or use an

HX-Trigger

header in the response to show either your "yay!" or "boo..." modal. https://htmx.org/headers/hx-trigger/ (404 indicates that there is a problem with the request itself. In this case, I think the request (i.e., transport) works, so returning some sort of 2xx response is going to be appropriate in either case.)

TL;DR - 404's don't trigger htmx the way you think they might. 🙂

okay, got it

1/ who's Phil? 🙂 2/ I'm going for the HX-Trigger header now, but the event does not seem to get fired

@quiet-hydrogen-55425 - which is who my original question was directed. 🙂 I guess it wasn't a change in name, you two just showed up at about the same time.

Does it get fired on success?

no, only when dispatched manually from the browser's console

I know Ben was working with you - he's one of the gurus. 🙂 I went to look up what I did, and when I found it - I remembered that I ended up going the custom header route. It may not apply to what you're trying to do here, but this link has an example of registering a handler that will check for the presence of headers on every request. This particular application uses these headers to either display messages to the user, or to hide a modal once a server-side action has been completed. https://github.com/bit-badger/myPrayerJournal/blob/main/src/MyPrayerJournal/wwwroot/script/mpj.js#L85

yes, indeed, @gorgeous-ghost-95789 put me on the right track: this was a CORS issue

backend and frontend were on different domains, and the HX-Trigger header was not exposed

Well thank you 🙂 But I prefer to think of @mysterious-toddler-20573 and @gorgeous-airport-54386 as the real rock stars, and I'm one of their most-enthusiastic roadies.

@astonishing-ghost-81474 grazie

When rendering paginated, searchable tables - is it preferable to leave the table content as a separate http request, where the entire container, with page numbers etc, are rendered first, then each search item results in the table element being replaced? or should you attempt to load everything, including the initial table content on the first request

Is there any chance that our templating engine will be linked on your page? I know, It has just a few Github stars, but I think it might be interesting for people doing SSR with Python. The documentation for fragments is at the section below at #virtual-elements.

I usually render everything (search field + results + pager) on first request, with the results and pager in a

#results

tag. Then I have the search field wired up with

hx-select="#results" hx-target="#results" hx-get="{$current_url}"

so the table + pager get updated. All from one route & template partial.

anybody got this problem, its mystery for me when doing hx-swap-oob the html tags are stripped. test it will place -> test Without any html tags

ah if I wrap it in a div it will show the html tags. Why not with a ?

To be clear it keeps tripping any table html tag but not divs?

Yep, this issue is mentioned quite frequently. It seems tables are tricky for parsing: https://discord.com/channels/725789699527933952/725789747212976259/992055323798028488

Hi everyone! Just became aware of HTMX a short time ago... Apart from the excellent docs, is there a youtube introduction, or any other material you can suggest to become familiar, just to get started?

What's your backend? There are a fair few youtube videos on using HTMX with Django and there's a training course available if you use Flask. (all assuming you're using python)

Hey friend from Enhance! Well, my backend could be anything, I come from Java and RoR (early 90s to 2004), Drupal (2006-2015), WordPress (2012-2020), full stack MEAN or similar (2017-present?)... I'm highly intrigued by similarities between Enhance and HTMX (suggested by some Tweets somewhere...) and fascinated by a possible compatibility (with HTMX acting as the interactivity for Enhance) especially since reading about HTML as the consuming data form for Ajax queries.... so... suggestions? 🙂

Ha! Thought I recognised the pic! I’d probably have a browse at some of the Python videos on YouTube. There’s been a few conference talks about using it with Django - they’ll probably be a good start to give you an overview and an idea of the concepts. Then maybe have a go with Enhance and dream of all the magical synergies that @mysterious-toddler-20573 and Brian will be creating.

We're definitely on a roll with all this "new" (ha!) frameworks! Thanks, yes, have general knowledge of Python and that sounds like a good suggestion. Meanwhile, I am going gung ho with Enhance (which I see as a kind of server side html rendering that could fit right into HTMX) and while I can visualize pretty simply how Enhance and HTMX could fit (duh! HTML!), with Enhance fleshing out the multi-page app and more and HTMX bringing on the interactivity in declarative form, I am very excited to hear what that collaboration will bring, yes! Also came across this video: is pretty cool as a short 18 min general vision 🙂

I’m currently just swapping out the whole table instead of trying to target individual rows. Gonna wait and see if it gets awful after 1000 rows, but I’m guessing it won’t be a noticeable difference.

Exactly what we do. On my local setup, I currently have 5000+ rows of data and there isn’t much of a difference.

Ok, I've been searching all over here and have seen folks with similar issues, but nothing seems to be working for me. I'm trying to dynamically update

href

and

hx-get

because I've got a couple of htmx-controlled items and pagination on the page and I'm trying to keep track of their state via querystrings. For example:

?tab=whatever&page=2

. I've been trying something like this, which seems like it should work, but it's only ever paying attention to what's set on the

hx-get

when it first loads. The `href`s and the `hx-get`s update in the DOM and I get no errors. Help? 🥺

_="on updateRequest(string)
     set my @href to `?something&$string`
     then set my @hx-get to my @href
     then call htmx.process(me)"