https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • s
    Does it require extra markup being in the original page?
  • r
    yes, oob elements should be rendered at the top level, near the primary markup
  • s
    Thanks
  • b
    Hey all, I'm trying to catch an error from my server and, instead of the normal swap on a successful request, have it replace the content area of the page with the server's response. I'm listening for 
    htmx:beforeSwap
    because that seems to be the only event that lets me set 
    ev.detail.shouldSwap
    to true, since it defaults to 
    false
    in an error. That's fine, and I'm changing that and setting 
    ev.detail.target
    to the right thing. Problem is, there's no way to override the 
    hx-select
    . If it succeeds, I clip out a small bit of the response with 
    hx-select="#foo"
    but in the error case, #foo doesn't exist!
  • b
    It feels like I'm just Doing It Wrong and there's a different path that the author(s) use instead, but I haven't stumbled onto it. Maybe a 
    HX-Trigger
    header with some JSON in the value that I then parse locally and pop an error dialog? Feels more... javascript-y than I was hoping for.
  • l
    What exactly is hyperscript?
  • l
    Landed here after reading some SolidJS docs
  • d
    You probably want https://github.com/hyperhype/hyperscript if you come from solidjs land.
  • d
    Having said that, gg grug brains, y’all seo the heck outta htmx/hyperscript. Which is dope.
  • m
    OK, not perfect, but you can modify 
    detail.serverResponse
    . You'd need to parse the response and then select out the content your want. Sorry.
  • b
    Ahh right. Yeah cheers that would work. I think I'm better off just running down the path of 
    HX-Trigger
    kicking off a separate request to get the persisted error message from another endpoint rather than parsing the DOM of the response myself. The thing I was reaching for, that still feels like it would be useful, is an 
    HX-Reselect
    header to sit alongside 
    HX-Retarget
  • m
    reasonable
  • l
    Thanks
  • h
    Anyone know if it’s possible for hx-push-url to be triggered without making a request, for example by intersection? I want the browser to update the current url with a page #location which changes as the user scrolls through
  • r
    Sound like something, better done with _hyperscript/JS
  • h
    You’re probably right
  • h
    On a related note, does issuing hx-get include window.hash?
  • h
    *Location hash
  • r
    I think, it's removed at XHR level, so no
  • h
    Hmm
  • h
    So probably best way is to use vals with js
  • g
    Is there a way to add htmx debug tool(?) (bottom of example pages) to my own page? or is it just for example page?
  • g
    I mean this:
  • a
    hey gnat.. blast from the past here.. what did you decide regarding markdown/wysiwyg editors for use with htmx? did you find a good solution?
  • r
    Ended up building my own, looks similar in concept to the github editor + preview button, so more of an explicit WYSIWYG. Previously I had a heavily stripped down version of Toast editor, which was okay, but 500+ kb IIRC even stripped down.
  • r
    But it was overall the most complete non-react.js editor.
  • r
    its unfortunate but many WYSIWYG editors have people loading multiple megabytes.
  • r
    Also I'm building a games industry product, and wanted to keep markdown close to whatever people use in Discord. So a simpler editor was I think a good compromise.
  • r
    a lot of gamers seem to know discord markdown just fine
  • r
    But yeah technically still very open to trying others, especially htmx-based ones, but these probably do not exist yet.
1...102110221023...1146Latest