https://htmx.org logo
Powered by
# htmx-general
  • l
    @User @User Can't HTTP2 also proactively push resources that it knows has changed to the client?
  • s
    Is there a way to put details of the event which triggered an htmx request into the request? I would recon something like 
    hx-vals='{"param":"js:evt"}'
    but how to access the event object there?
  • u
    My guess is that 
    hx-vals
    is not the perfect fit for that. Maybe: https://htmx.org/events/#htmx:configRequest
  • s
    Thanks, but I don't see how to access the source event there, the 
    configRequest
    contains the sourceElement, but thats not enough. Unless i missed something 🙂
  • u
    Copy code
    customerForm.addEventListener('submit', function (event) {
        event.preventDefault()
        mobilePhoneNumberField.value =         mainPhoneNumberField.value = mainPhoneNumber.unmaskedValue
        this.submit()
    })
  • u
    If it is a form submit.
  • u
    Or, maybe, I missundertood your use case. :/
  • s
    It is indeed a form, thanks for the insight! I totally forgot the form submit.
  • m

    https://www.youtube.com/watch?v=38WAVRfxPxI&t=41sâ–¾

  • s
    Question: say you want to build something that resembles the "wix" experience, would htmx be a candidate?
  • m
    I think so
  • m
    hopefully a bit better 🙂
  • m
    Do you mean a drag-and-drop web builder, or their management tools?
  • s
    Right. DND, rich text editing, image cropping, applying filters... To give an idea about this:

    https://youtu.be/a9FA6MwrFUcâ–¾

    Besides that also the "boring" management tools.
  • g
    You'd need to write the whole page editor client-side to achieve something like what WIX has, but the rest seems doable
  • g
    On the image cropping topic, https://ezgif.com/ has a great UI for applying transformations to images that is very hypermedia driven. It uses JS in a "sprinkles" fashion to add interactivity, and uses the browser history as an undo tree. I should write a blog post about it
  • s
    Thanks for the feedback!
  • w
    Hi all, I'm wondering if someone can help me out. I'm basically trying to get element A to trigger when element B loads into the DOM. Something like this:
  • w
    Copy code
    html
<div id="a" hx-trigger="from:#b" />
<div hx-get="/get/b" />
  • w
    Then,
    Copy code
    html
<div id="b" hx-trigger="load" />
  • w
    I figured out an alternate solution to the larger problem by using the Hx-Trigger header, nevermind!
  • m
  • g
    I’m doing something kinda similar right now I’m Go. Server side rendering of individual components, swapped in as interactive widgets built in hyperscript.
  • g
    Right now, the project itself@is a mess, but the goal is to separate client and server enough that the editor controls could conceivably work with a different back end.
  • g
    If you’re interested, it’s at https://github.com/benpate/ghost
  • g
    Feel free to use any code you see here, or suggest improvements to the core. I’ve been pulled away from this project for the past month, but am hoping to get back in soon.
  • r
    Is there any way to save the input of a form into the URL and load it again? Basically, I started using HTMX but now I can't bookmark a page because it does an AJAX request without updating the URL at all
  • m
  • r
    That seems to be very useful - the only issue I have then is a page refresh won't load from localStorage, correct?
  • r
    But I think that the documentation explicitly says that these links could be sent in an email, so I should ensure that the page is generated properly by the server as well
1...345346347...1146Latest