If you have an element that wraps the code you sent, you can add

hx-sync="this:replace"

and it should be inherited to the projects

I tried that in a first place and it doesn't work https://discord.com/channels/725789699527933952/725789747212976259/1082292199506575482

I tried now and still nothing

You are still using the same id for every single project div

Having multiple elements with the same id is not valid html

Also I don't understand your

<h3>

that you never close and it looks like you're trying to cram an

h4

and a

p

inside it

you also never close your

<p>

but browsers let you get away with all that

I added a try/catch at that line and it is indeed where the error happens.

@hallowed-pillow-66838 is this close to the behavior you need?

I'm using some inline scripts to emulate the HX-Trigger responses

so ignore those

and pretend there are HX-Trigger headers in the response

😑 OKOK

are you willing to run a custom htmx build for a bit?

Sure 👍. It’s for a low traffic site if that matters

@tall-dinner-62086 yes, the behaviour is what I'm looking for but we have a few important differences in our html codes. Before I describe those I will try to implement the idea on how I may solve this using your logic. Will come back with a result.

@tall-dinner-62086 I made it! Only because you made me think about those unique id's twice with your demo. Thank you very much!

Is there a simple way to make

hx-redirect

(or something else) open a new tab?

Is there a way to delete a div like this

hx-swap="delete" hx-trigger="click" hx-target="#divid"

without sending a request? (I've modal that I would like the user to be able to close if they don't need it)

Not with just htmx, no. Could sprinkle some hyperscript in,

_="on click remove <#divid/>"

I haven't heard of hyperscript :-D, thanks will look into it

Wait I was wrong

good ol'

#

Hello all! In a django project in a html file I have a with 100 -s in it. Originally there were 80 tables and there are 20 new ones. I’d like to update the content of 80 out of the 100 tables with a request using htmx (currently using hx-swap-oob="true" and using the id of the div that includes the 100 tables). Which is the best option to quickly update the 80 tables: - Update the whole , so update all 100 tables - I tried this and it made the refresh quite slow, so Im looking for an alternative solution - Putting those 20 tables that I don’t want to update inside django templating variables (which checks if it is a first load or a htmx update), so this part is only rendered at the first load and not returned for the htmx request - this saves some time but still significantly slower than when I only had the 80 tables - Instead of swapping the whole , swapping the 80 tables explicitly, so the new 20 tables won’t affect the htmx reload - I have not tried this approach and not sure if it would make sense - Any other suggestion?

I'm sorry but I'm stuck on the "100 tables" part of your issue

How? Why? Who?

I would separate your tables into two divs, one "dynamic" div for the ones you want to update and one "static" div for the ones you don't, then swap the entire "dynamic" div

oob-swap is gonna be slow if you're swapping 80 of the dang things

Thats a fair question. I just simplified my problem, that's why I described as you read it. In reality, the main html is composed of 60 htmls (with includes), and it is dynamically decided at each url path which 60 htmls will be shown based on list variable (with the paths of the 60 htmls) coming from the backend. (There approx. 200 htmls in total, out of these 200, 60 should be included in this case) Each of these 60 html files have 4 -s inside. Basically, I would like to update the content of the tables in all these 60 included htmls in a way that only the first 3 html tables are updated and not the fourth one in each file. I hope it makes sense, I just did not want to make the question complicated.