https://htmx.org logo
Powered by
# htmx-general
  • b
    Hi, can htmx be used to update the DOM continuously / in a streaming manner? if i have
    Copy code
    <button hx-post="/clicked"
    hx-trigger="click"
    hx-target="#parent-div"
    hx-swap="outerHTML"
>Click Me!</button>
    /clicked
    returns 
    foo
    immediately, and after a second 
    bar
    . i would like the 
    foo
    to show up immediately in 
    #parent-div
    Is there a way to achieve this?
  • r
    might be what you want
  • b
    thanks! that looks interesting, but would need some adaptations in the backend. i also found https://htmx.org/events/#htmx:xhr:progress which would probably serve my purpose
  • p
    Should I create an issue in GitHub for this, or is this unlikely to change?
  • m
    The problem is that we use JSON.parse() to parse those values and it is strict in how it demands double quotes keys.
  • m
    We eval it if you use the js: prefix
  • m
    I can look at how hard it would be to support object literals
  • l
    @bright-postman-22230 I use the SSE extension for pushing changes back to clients
  • b
    cool, this is exactly what i am looking for. thanks!
  • m
  • i
    I'm trying to find a way to add a request header to requests that were dispatched as a result of 
    HX-Redirect
    Requests sent as a result of 
    HX-Redirect
    obviously have the 
    Hx-Request
    header set. I need my backend to be able to distinguish between the two. So I'd like to set a header that is something like 
    Hx-Redirected
    to 'true' for those requests. From what I could tell, this is what handles the redirect:
    Copy code
    if (hasHeader(xhr, /HX-Redirect:/i)) {
                window.location.href = xhr.getResponseHeader("HX-Redirect");
                return;
            }
    What's weird though is that I don't see it setting the 
    Hx-Request
    header anywhere. In fact, I didn't even know that was possible for 
    window.location.href
    but when I look at my request headers, it's definitely got 
    Hx-Request
    set.
  • g
    does this have a downloadable archive? i don't want our sole archive to be "Backed by Y Combinator". if it does that's perfect
  • m
    lets find out
  • m
    server-side redirecting API doesn't allow you to set a header: https://github.com/bigskysoftware/htmx/blob/742f05b9bdd71bdab61fe89e788061298fa82cad/src/htmx.js#L2852 could you use a parameter you include in the redirect?
  • i
    Yea - I didn't see an obvious way. I could set a parameter in the response, but it wouldn't get added as a header.
  • i
    I need to be able to tell apart requests that occurred as the result of hx-redirect. The main reason being that I'm using the presence of the hx-request header (along with lack of hx-boost) to decide whether to return a full page or a partial page.
  • i
    This works smashingly except for redirects which always load partial pages instead.
  • b
    an additional question: is it possible with SSE in htmx to not reconnect when the server normally closes the connection?
  • g
    Htmx is declarative, so you don’t have much control over the connection. The best thing to do is to remove the tag that makes or uses the SSE connection. It’s smart enough to close it when you can’t use it anymore.
  • g
    Another option would be to use the SSE features of hyperscript, which are similar, but give you a lot of control over opening/closing connections.
  • l
    I wrote this - https://github.com/bit-badger/Giraffe.Htmx - F# integration with Giraffe and htmx. I'd be happy to answer any questions you might have about it.
  • c
    Trying to use HTMX with DataTables using the htmx.onLoad i get DataTables warning: table id=DataTables_Table_0 - Cannot reinitialise DataTable. but if I remove the htmx.onLoad it works fine.
  • l
    (I know this is old; apologies if this was already posted) The biggest issue is that the browser never sees the 300s; the AJAX request dutifully follows the redirects to get the new content, then it gets back to htmx.
  • c
    Would this be correct '''htmx.onLoad(function(content){ $('#task-table').dataTable({ "order": [] }); htmx.process(document.querySelector('#task-table')) })'''
  • h
  • r
    @mysterious-toddler-20573 Hi! Sorry to bother you, just wanted to ask a thing about my pull request (https://github.com/bigskysoftware/htmx/pull/863). You proposed to have a video chat to discuss it. Is your proposal still relevant?
  • r
    Yeah this is entirely fine to me, and actually how I want it to work for logins. Thanks for the heads up.
  • m
    absolutely, i've just been slammed
  • r
    In this case, I suppose, we need to agree on date and time. I will be available starting tomorrow at practically any time and on any day for like 2.5 weeks (vacation time, yay). Ping me on Discord or GH and we'll sort out the details🙂
    m
    g
    • 3
    • 11
  • l
    Is there a way to get 
    hx-boost="true"
    to render 404 pages as well?
1...691692693...1146Latest