htmx quickstart:

<script src="https://unpkg.com/htmx.org@1.7.0/dist/htmx.min.js"></script>

<body hx-boost="true">

👀

Thanks but I know how to get started with htmx 🙂 I may or may not be writing a Java library to make using htmx a bit easier when using Java and Spring Boot, and I want to get inspired how other languages already handle this.

In what cases is the

HX-Redirect

response header useful? I would assume most server-side libraries already allow to send a 302 redirect?

I found these two

fetch

issues which might change things some day: * https://github.com/whatwg/fetch/issues/763 * https://github.com/whatwg/fetch/issues/601

I do enjoy Architect and prefer it for some of my work that relies on AWS' offerings. For my personal things these days, I prefer Netlify and its functions (which are just AWS Lambda under the hood). Similarly, there's CloudFlare Pages and its functions. Back either of these up with something like Fauna and you've got all the infra you need for an awful lot of things. But the Netlify developer experience is pretty nice.

Another orange article incoming

Wonder if anyone could help me with this 🙂

Try changing the

ws-send

to

ws-send=""

. It shouldn't make a difference but the docs have it both ways, so give it a go

Thanks, I'll give it a try!

@mysterious-tomato-195 I think I'm seeing the same as you. With the following HTML, I see the WS connection in devtools and the form info gets sent down the socket but the form is still submitted via a

GET

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://unpkg.com/htmx.org@1.7.0"></script>
  <script src="https://unpkg.com/htmx.org@1.7.0/dist/ext/ws.js" ></script>

</head>
<body>
  <script>
htmx.logAll();

  </script>
  <div hx-ext="ws" ws-connect="wss://demo.piesocket.com/v3/channel_1?api_key=VCXCEuvhGcBDP7XhiJJUDvR1e1D3eiVjgZ9VRiaV¬ify_self">
    <div id="chat_room">
      ...
    </div>
    <form ws-send>
        <input name="chat_message">
    </form>
  </div>
</body>
</html>

Is it the same with

ws-send=""

? I won't be able to test it for a while

Hi 👋 I try to implement an x-scroll, but the request is infinetly triggered, because the triggering element gets inserted on the left side and the x-scroll position changes. How can I avoid that, append the new elements, but keep the x scroll position? Here is a codepen to explain what I mean: https://codepen.io/viggiesmalls/pen/RwQPROJ

Yeah - looks like it is.

I wonder if it's a bug then

Feels like there's a

preventDefault()

not happening somewhere.

How is htmx loading a fragment into a div ? Does it use something like that ?

js
document.getElementById("divId").innerHTML=

I have an issue not related to htmx, and I'd like to inject the html in a small html file the way htmx would do it in order to debug my problem

I've discovered the demo.htmx.org, this may do the job !

does demo.htmx.org support template with inside ?

unsure, try it!

@gorgeous-ghost-95789 some web service stuff 👆

I tried, I think it's not working. (but i'm very new to js, so I may be wrong)

This actually work 🙂

"It just works!"

(tm) some terms and conditions may apply we take no responsibility for your using software created on the internet by crazy people mostly as a joke

I just like that things like this happen to just work as a side-effect of getting html to work.

Almost like browser vendors worked really hard to get their engines to render all forms of cobbled-together html since the 80s

"the 80s"

Is there a way for extensions to modify the XHRHttpRequest object before sending? Trying to remove the upload property completely as part of an experiment.

I believe you can access the request object in the

encodeParameters

function of an extension