https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
    Thanks. I am trying, 
    hx-trigger="keyup[enterKey]"
    But no request is sent.
  • r
    Is enterKey a property of keyup event object?
  • r
    You provided a sample of JS code you would use to implement that. Take the condition from the if statement and put it into square brackets
  • m
    Nice, that worked! I am still super confused on what is happening here. I see in the docs it says: > You may also apply trigger filters by using square brackets after the event name, enclosing a javascript expression that will be evaluated. If the expression evaluates to true the event will trigger, otherwise it will not. I didn't realize 
    hx-trigger="click[ctrlKey]"
    ctrlKey qualifies as a JavaScript expression. And if it is, I am not sure why 
    hx-trigger="keyup[enterKey]"
    didn't work for me. Anyway, here is the final code snippet:
    Copy code
    js
hx-trigger="keyup[key === 'Enter' && !shiftKey]"
  • r
    it doesn't qualify as JS
  • r
    JS expression is what's in the square brackets like 
    event[JS expression]
  • r
    any variables from this expression are resolved against the event object, then the global scope
  • r
    ctrlKey is part of the spec and, as a result, present in the event object and resolved by htmx. enterKey is not
  • r
  • m
    Ah, thank you. I didn't realize that keys like ctrlKey, altKey and others get their own property, but enterKey doesn't. Good to know!
  • s
    I havent found any docs on this but how would i load an element only a single time when the page loads?
    Copy code
    html
<div hx-get="/posts" hx-target="#test" hx-trigger="load once">postlist:</div>
    this sadly doesent load, it loads infinetly
  • s
    im looking for something that will execute once on an event like: 
    DOMContentLoaded
    or 
    window.onload
  • g
  • r
    load event should be firing once already. What do you mean by "loads indefinitely"?
  • r
    Does 
    /posts
    page contain its own hx-get with hx-trigger=load?
  • s
    nope just returns a jinja template
  • s
    but
  • r
    Could you show the response?
  • s
    the template extends base,html which im using for the htmx part
  • s
    oh goodness, i just realized what i said
  • s
    it was creating an infinite loop hahah
  • r
    basically yes
  • r
    I would rework the page, so that posts can be loaded without lazy loading attributes
  • r
    you could also take a look at hx-select attribute https://htmx.org/attributes/hx-select/
  • s
    like loading the jinja template instead?
  • r
    Yes, without the base template
  • s
    the way im doing it is basically like this: - if there is a 
    hx-request
    header, it returns a jinja template - if there is no 
    hx-request
    header, it simply returns json with all the data
  • s
    so that later i can add some query params to that endpoint
  • s
    how is different from hx-target and hx-swap together?
  • r
    hx-target defines where to put the response. hx-swap defines how to put the response (overwrite, append, outer/inner). hx-select allows to define, which part of the response to use
1...106210631064...1146Latest