https://htmx.org logo
Powered by
# htmx-general
  • m
    What about it doesn't run as it should?
  • m
    I think Alpine 3 has a built-in store and yes, that may be a way to retain the state, but I haven't tried it. So far I am just using Alpine for modals, dropdowns, etc. and I haven't had the need for a store. Or you can try with 
    x-data
    outside the swapped HTML.
  • c
    ah my bad, it did.. i thought it just returned a static label with "Your changes were saved.", i saw now that it fulfilled its css-effect.. my bad
  • l
    > I think Alpine 3 has a built-in store and yes, that may be a way to retain the state, but I haven't tried it. So far I am just using Alpine for modals, dropdowns, etc. and I haven't had the need for a store. Or you can try with 
    x-data
    outside the swapped HTML. @most-jelly-15242 I tried Spruce once in order to make a two way data binding work between two separate Alpine components. It worked fairly ok.
  • m
    new hyperscript landing page courtesy of @User https://hyperscript.org/
  • m
  • m
    check that brilliant event driven control flow hyperscript fam
  • m
    a little bit of event queue control, some style work... cookin with gas 🔥
  • m
  • g
    what does the 'tracking of button clicked' thing enable
  • m
    It includes a submit button's value as part of the request. So you could have different submit buttons with different values.
  • g
    interesting.
  • m
    makes htmx work more like real HTML, particularly boosted forms
  • m
    annoying to implement, turns out there is no standard way to detect the submitting widget: https://caniuse.com/?search=submitter
  • m
    Safari, the new IE
  • m
    Put together an example just to see how it works https://codepen.io/jreviews/pen/qBmqyjr
  • m
    You need to look at the request in dev tools to see it
  • m
  • m
    gory details
  • m
    we set up click and focus listeners on forms and track buttons, and when a submisison occurs include the last clicked/focused button, if any
  • m
  • m
  • m
    any django htmx/alpine users here that have feedback for this person would be appreciated. Looking at his site, seems like a perfect fit for htmx.
  • c
    is it possible to hx-target multiple in some way? In my case; i want to target and render a div, but also a flash message.. optimal would be something like hx-target="#my-div #flash-message"
  • e
    Thanks for flagging this. I'll be looking forward to giving htmx a good try!
  • m
  • m
  • m
    another approach is to trigger a client side event https://htmx.org/headers/hx-trigger/ and then use a toast/growl-like library (https://www.jqueryscript.net/blog/Best-Toast-Notification-jQuery-Plugins.html) to show messages, which I kind of like
  • m
    This is what the notification example https://codepen.io/jreviews/pen/LYWgZVx I shared before does using oob. It swaps the form, but also targets a separate #notification div. You can see the html partial of the response here https://489d624a-5021-4284-b7c5-1f69c7f04629.mock.pstmn.io/form/submit
  • c
    super! thanks 🙂
1...326327328...1146Latest