https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • b
    can you show some code?
  • f
    thx I think I fixed it. The important not is that the dom get stored in localstorage
  • t
    Happy to continue the conversation here if anyone has any ideas!
  • a
    I’ve done a bit of work on making sites look and work well for NoJS users. Hamburger menus are possible without JS by using some clever CSS. The features of htmx are a dream for this because they just get ignored by noJS users and you can post to new pages (or even frames!) WIP example: https://domainverification.org
  • a
    Example of animating without JS: https://jsfiddle.net/elliottinvent/hL9pa1mk/10/
  • o
    That is pretty damn smart
  • s
    There is a way for me to get the details of the event that triggered a htmx request?
  • o
    On the server side or on the JS side?
  • m
    in what context?
  • m
    before the requests is made client side, server side, etc?
  • s
    server side
  • s
    it's a custom event that is triggered with custom parameters
  • s
    and I would like to receive them in the server
  • m
    OK, lemme slap an example together for you
  • m
  • m
    hope this makes sense
  • m
    I used hyperscript, but the javascript would be similar
  • s
    yeah, that makes sense, thank you
  • s
    Here is a codepen that is swapping an element's outerHTML, but it is showing a 'swap error'. Any ideas what the error is, the swap seems to be working. https://codepen.io/checketts/pen/bGjMBeP?editors=1001 Is this a bug in HTMX?
  • a
    This was driving me a bit mad, so I put it in an S3 bucket to rule out any CodePen jiggery pokery and it works: https://pub-7eecba49185d4bf2a5da1ad8599b6e4f.r2.dev/index.html
  • a
    (I had to change the URLs to files e.g. 
    2/index.html
    )
  • r
    Can I not access the return codes/html when I issue a request with the javascript api?
    Copy code
    try{
    htmx.ajax('PUT', '/api/wedding/31/saveSettings', {target: '#toast',source:'#settings-form'}).then((r,err) => {
        console.log(r)
        console.log(err)
    })
}catch (e) {
  console.error(e)
}
    m
    • 2
    • 9
  • a
    The behaviour is the same as the CodePen, but it's not raising the error.
  • r
    https://htmx.org/attributes/hx-vals/ > When using evaluated code you can access the event object. This example includes the value of the last typed key within the input. beware xss and such
  • m
  • a
    Smithsonian is "_a community of learning and an opener of doors. Join us on a voyage of discovery_" should be the intro for the htmx Discord
  • s
    So must be some sort of race condition with codepen? I had an hx-target bug I wanted to display on there. I'll just setup a github pages repo and demonstrate it there then
  • a
    Ah, so you had a bug trying to demonstrate a bug? Love it when that happens.
  • s
    OK so I see the bug on github as well: https://checketts.github.io/htmx-demos/hx-trigger-bug/ So there could be a bug with demo.htmx.org /mocking
    a
    • 2
    • 14
  • b
    What is the best way to trigger on a enter keyup event? I'm trying to use: 
    hx-trigger="keyup[enterKey]"
    but keep ending up with a field that gets triggered with arrow keys, delete keys, etc.
1...997998999...1146Latest