Consider it done, and headed your way directly. 🙂

I wonder if it works for projects that don't use `package.json`; that would be "the majority of my projects"... LOL

(I'm looking...)

I have not found anything about manually installing web types on project level or ide level, so I assume no, it's not possible

Good day, everyone! Glad to be back here and see htmx getting so much attention nowadays. But I am still in the beginning of the road learning it. So need some help once again) I am trying to make a filter form with htmx. It consists of two selects and one input[type=text]. When any of those fields change, the form should be submitted with htmx. I found a way to do it putting

hx-trigger='change'

on the form tag. It works... but It only detects change on input[type=text] when it looses focus. But I need the change on wrapper form to be triggered when

keyup changed delay:500ms

type of thing happens on input[type=text]. How can I do it? Please share your knowledge!

I would keep things on the form and then add another

hx-get

on the input, with the

hx-trigger

set to the keyup event you have. You will need to use

hx-include

to include the form as well, if it is in fact a

GET

. (If it is a non-GET the closest enclosing form is automatically included)

Cool! How do I it? Something like

hx-include="closest form

?

yep

any luck?

None yet. I got distracted with day-job ASAP stuff. :/

Ok, I just confirmed that it works on PyCharm. I added a

package.json

file to the root of a flask project, also the htmx web types file, and the IDE seems to pick it up automatically;

the

package.json

file being a minimal

{
  "name": "gdm-hw-planner",
  "version": "1.0.0",
  "dependencies": {},
  "web-types": "./htmx-web-types.json"
}

a bit of a bummer having to create a couple of json files just for IDE support. Hopefully one day we have a plugin instead.

also nice and sweet autocompletion:

no barriers to a plugin other than someone with free time?

Thank you so much, @ancient-shoe-86801 - I will give that a shot!

hey guys i wanna build something like https://checksocks5.com/ using htmx, however, ive ran into the issue where i dont see how to do a request and append to the text in a div based off the response, ive looked a little over the docs. just cant learn that way, if someones willing to walk me through it it be great!

Look into hx-swap attribute, https://htmx.org/attributes/hx-swap/, specifically beforeend and afterbegin values

thank you!!!

ok i see the beforeend and afterbegin, but how do i run the task for each line individually? placing the line in the get response after the ?data=

Sorry, i'm not sure that I follow. What tasks do you need to run? What lines?

For each line in a proxylist I want to send a get request to my backend where it'll check and return a string

ok, I see. There are some options. The easiest one would probably be just sending the content of the form and letting the server to parse the lines. That would mean that the result would have to be sent as one response as well

Yeah I could do that but for 10 lines even it could take longer then the browser fails the request

I'm not sure that htmx allows to process multiple requests from a single form, unfortunately. It is possible to send multiple requests by hooking into htmx events https://htmx.org/reference/#events, but then you would have to swap it somehow, and that may be tricky

So your saying straight ajax would be the way to go

If the requirement is that you have to use single field to send multiple requests, then probably yes

Gonna suck, I don't know any JS 😂

Admittedly, I've never had such case and never tried to implement it, but from my previous experience and knowing how htmx works under the hood, this is my best assumption

Ok 🙏 thank you