Did you tag the wrong hyperview on that?

Probably! Posting in between family activities!

@mysterious-toddler-20573 Merry Christmas! 🎄 I’ll check the book out. Is there any particular feedback you were after?

General editing prof reading making sure I’m not talking out of my rear etc. 😀

The book looks great, a really solid start to it – I’ll dig in. What’s the best way to give proof reading feedback (eg typos)? Is there a git repo?

we are figuring this out as we speak

🙂

grug eager to correct grug

soon

repo is now public

@adventurous-ocean-93733 @mammoth-family-48524 @boundless-vase-80440 👆

That's an inconvenient shortened description I see on Discord: "GitHub - bigskysoftware/hypermedia-systems: A book on building Hype..." Would be a better description for a book about JS framework.

PR submitted for CH00

> I wonder now well htmx marries with this low level web stack called Reticulum. The dev of that has insisted on static pages being optimal for security because dynamic SPAs open up certain vulnerabilities or something > https://reticulum.network/ > [...] > I remember there being a lot of talk in Reticulum’s matrix about how a hypermedia protocol on top of Reticulum could and should work, because it doesn’t really have one at the moment > There’s an opportunity there > [...] > Fair warning that Mark, Reticulum’s dev, is very opinionated along security lines

merged!

> #reticulum:matrix.org if they want to jump in

Hello Everyone

Anybody ever tried form validation in Thymeleaf in a modal ? Thanks for any potential input.

Found a Solution, thanks though everybody !

Hi!, I am trying to understand how post requests are sent when the element is a list item. So I want to have a list of items with a clickable event which expands the list element with a sublist on click. For the sake of simplicity, I am testing a simple post request like the one below

html
<li data-hx-post="post-endpoint" data-hx-trigger="click" name="elem">somepath</li>

from the [docs](https://htmx.org/docs/#parameters) I'd say that url-enconde parameters will be sent as "elem=somepath". The backend is prepare for this and if I lunch a simple curl

bash
curl 'http://localhost:3000/post-endpoint' -X 'POST' --data-urlencode "elem=somepath"

It works perfectly. But If I click on the list element the POST request is sent, but it is unable to parse the parameters. I am fairly new to web programming, so at this point I don't know If I am misunderstanding htmx, or my backend is broken or both at the same time... (probably the last one). Any help would be appreciate 🙂

You will need to use hx-vals to send a value up: only inputs are sent up by default

Hi everyone. I have a filtering form in a sidebar that filters products in the main view. The filters include several multiple select inputs for product type, size etc. Currently, the post request is triggered by a filter button. Is there anyway I can listen for changes in the form so that i can fire POST request "continuously" as the form is changed?

Just getting started with htmx myself but I think you’re looking for the

from:

modifier on a trigger. Maybe someone can post a better example but from the hypermedia.systems guide: > regardless of what element has focus, we will take advantage of event bubbling and a feature that the hx-trigger attribute supports: the ability to listen to other elements for events. So, something like this: hx-trigger="click from:#yourform”

Perfect, worked like a charm!

Great to hear. It might not be the most efficient way to do it, so someone more expert than me might chime in with a better way but in the meantime glad we got it working!

Allthough, it also fires when i click on non-clickable elements inside the form, e.g. headings etc. But i think i can live with that.

You may also be able to use a class selector for this trigger, so it’ll fire whenever inputs given a certain class get a click. If that’s the case then you could set the inputs with

class=“updatefield”

. Eg hx-trigger="click from:.updatefield” Haven’t tested this.

Just checked docs and you can listen for

change

on the select inputs so: hx-trigger="change from:.updatefield”