https://htmx.org logo
Powered by
# htmx-general
  • m
    @User Is it possible to add parameters to a request in the 
    htmx:beforeRequest
    event? The use case is when using 
    htmx.trigger
    with third parameter which includes some data 
    {"foo":"bar"}
    to trigger an event on an HTMX element. Adding parameters in 
    htmx::configRequest
    works, but this event doesn't seem to have access to the data. The data is only available in 
    beforeRequest
    in 
    evt.detail.requestConfig.triggeringEvent.detail
    , but if I add it to 
    evt.detail.requestConfig.parameters
    in that event, it doesn't do anything.
  • m
    Sounds like no, but probably not too bad to make that work
  • m
    I'll need to look at the code in detail
  • m
    Thanks. I think it may be useful if data added in the 3rd parameter could be automatically added to vals in the request, but not sure if that would cause anything to break.
  • s
    Examples (https://htmx.org/examples/click-to-edit/) . The requests are not visible in devtools? The above example does not show http traffic in devtools, if I use "click to edit". Is it running in some kind of sandbox?
  • m
    I believe the requests in the demos are mocked with https://sinonjs.org/ so there's nothing actually happening server side.
  • s
    is it possible to have htmx hotkeys not trigger if there is input focus?
  • m
    the requests are mocked, but you can see them in a hacky little UI I created:
  • s
    Thank you. Good to know that the small (initial) version of the "Server Requests" is cut on your screen, too.
  • m
    You should be able to add that to the condition, something like:
    Copy code
    html
<button hx-trigger="click, keyup[altKey&&shiftKey&&key=='D'&&document.activeElement.tagName!='input'] from:body"
        hx-post="/doit">Do It! (alt-shift-D)</button>
  • m
    where 
    document.activeElement.tagName
    returns the tag name of the active element
  • m
    (n.b. not tested)
  • k
    Copy code
    html
<div id="content" data-uk-height-viewport="expand: true" hx-get="/views/some-view/" hx-trigger="load"></div>
  • k
    For a specific view I would like htmx to periodically refresh it. Is there a way to specify this server-side, using a response header perhaps?
  • k
    I've seen HX-Trigger but this would fire the event only once in this case.
  • g
    You can also have htmx poll the server periodically
  • g
  • g
    hx-trigger="every 5s"
  • g
    Alternatively, you can have your server PUSH data to your clients via SSE and WebSockets. It's a little more work to make your server support it, but it's worth it for the real-time updates. SSE is remarkably simple (on both client and server) and htmx makes it dead-simple to implement. https://htmx.org/attributes/hx-sse/
  • k
    Thanks! hx-trigger is not an option because I need the behaviour only for this specific view. I now hacked it a bit by having this view returning a setTimeout that in turn calls htmx.ajax on the #content div. It works for now but I'll look into SSE for a definitive solution 🙂
  • s
    do you have experience implementing sse in .net core? .. I got the client side working in htmx but i struggle a bit with the server part
  • g
    I don't. I built an SSE server in Go, which was really easy. I think the steps would be similar, but I'm not sure how to translate it exactly. Here's what I did: 1) Accept incoming connection, then keep it alive until the client closes it. 2) Listen for new updates on the database. I use MongoDB, which can push updates directly to the db client 3) generate HTML and push it into the open brower connection.
  • g
    But, a quick Google search gave me a few good examples. Here's one that looks straightforward: https://www.tpeczek.com/2017/02/server-sent-events-sse-support-for.html
  • s
    Haven't seen this guide, ill see if I can make it work this way.
  • s
    htmx: Endless scrolling via “revealed” does not work ... But I found the solution and published it: https://stackoverflow.com/questions/65961570/htmx-endless-scrolling-via-revealed-does-not-work
  • m
    great find!
  • s
    During the last hours I wrote a simple htmx-is-fun application in Django: https://github.com/guettli/django-htmx-fun It is for the virtual Python Barcamp: https://barcamps.eu/pycamp-leipzig-2021/sessions Feedback is welcome 🙂
  • b
    HTMX and Django make such a great combo!
  • d
    ++ flask too
  • m
    I'm trying to standardize the way that you can add additional variables and headers to an htmx request. I'd like to create a syntax that allows you to pick between pure JSON and using javascript (less secure and more flexible)
1...135136137...1146Latest