https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • a
    is basically it
  • m
    I vote you test if the first character is 
    {
    and, if not, use the content as the text
  • m
    so there's a simple version too
  • m
    man, events are just the best
  • m
    (when they work, and you don't have to debug them)
  • a
    😂
  • r
    you can hook into htmx events to extract data from the response. By calling prevent default, you can stop further processing https://htmx.org/reference/#events . In this case, you are probably looking for 
    htmx:beforeOnLoad
    or 
    htmx:beforeSwap
    events, which happen after response is received but before any swapping. The former is raised on the element that issued the request, the latter is raised on the target.
  • q
    And thx a lot a third time 🙂
  • r
    maybe beforeonload is more preferrable, cause before beforeswap is raised there is some processing of headers and such, you may or may not want that
  • r
    response data can be extracted from event.detail.xhr field
  • m
    @ripe-action-67367 is absolutely crushing, I expect him to know htmx and be one with hypermedia better than me soon (if not already)
  • a
    Copy code
    <button 
    hx-get="/test" 
    hx-ext="htmx-swal" 
    hx-swal-prompt='{"title": "This is a test prompt", "text": "Please enter your name", "icon": "info", "inputPlaceholder": "Please enter your name:"}'
</button>
  • m
    mmm
  • m
    you need a way to add things
  • a
    how so?
  • m
    you want to add the name to the request, no?
  • a
    this is where it gets fun
  • a
    since issueRequest is paramless im guesing we will need another param like confirmed
  • a
    issueAjaxRequest(verb, path, elt, event, etc, confirmed)
  • a
    issueAjaxRequest(verb, path, elt, event, etc, confirmed, promptResponse)
  • a
    😢
  • m
    allow me time to think
  • b
    Let’s get this on some HTMX merch
  • m
    \> htmx merch \> in all my free time
  • m
    Copy code
    javascript
  evt.detail.etc.values = {'name': nameFromSweetAlert2}
  evt.detail.issueRequest();
  • m
    there is no problem in computer science that cannot be made worse by adding another layer of indirection
  • p
    is there any dom-morphing extension that preserves caret position and selection state when swapping 
    <input>
    elements?
  • c
    Will the onbeforeunload event trigger htmx? Can try right now as I’m traveling but I was wondering. Building an erp and need a modal before they click away without saving invoice.
  • r
    Technically, I see not obstacles to trigger htmx request with this event, but, from my experience, you are unlikely to have time to actually send a request and display a modal, as it would be aborted by the browser. Implementing it with client-side scripting would be more reliable solution
  • c
    Okay. Will use the standard JS for this.
1...884885886...1146Latest