https://htmx.org logo
Powered by
# htmx-general
  • m
    yeah, that's totally reasonable
  • m
    I am wrenching hard on hyperscript, but I think I just finished up for 0.0.5, so I'll take a look at this next
  • m
    you should be able to pass pretty much everything in to 
    htmx.ajax
  • m
    I added some more arguments in the last release, I just need to finish the job
  • m
    what about getting the post var before achieving the xhr request and adding it to the url ?
  • m
    you could use events for this, but it's a hack. The API should accept variables (and headers) directly
  • m
    @mysterious-toddler-20573 yes this is just a proposition for @witty-flower-38720
  • g
    htmx needs a killer video demo a la the phoenix liveview twitter clone demo
  • m
    yes it does
  • g
    once i figure some more things out maybe i'll take a whack at it. after i do my work demo, and know what pieces work and don't work
  • m
    🙂
  • m
    Sounds amazing
  • l
    I'm using HTMX for a customer project and they need the ability to do file uploads. Now I'm familiar with the HTMX example on doing file uploads, but the issue is this customer is used to fancy drag and drop file uploads like you get with https://www.dropzonejs.com/
  • l
    I'm trying to figure out if there is a way to either replicate something similar with HTMX or if somehow I can trigger an HTMX swap when the result comes back from the server that was requested by dropzone.
  • l
    The gist is I want to let the user drag the file upload on, then if the file uploads & processes correctly then I want to insert a div below the file upload that shows the results of the file upload process.
  • m
    I'm not super familar with it, but it looks like dropzone supports events:
  • m
  • m
    on the other hand, the basic usage looks pretty simple:
  • m
  • m
    OK, so given "I'm trying to figure out if there is a way to either replicate something similar with HTMX or if somehow I can trigger an HTMX swap when the result comes back from the server that was requested by dropzone." let's take a look at the events
  • m
  • m
    So you would be able to wrap it in a div something like:
    Copy code
    html
  <div hx-trigger="complete" hx-get="/whatever">
    <form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>
  </div>
  • m
    and it looks like it fires progress events, so you can create an upload progress bar using javascript or hyperscript kinda like this:
  • m
  • l
    Ok, I think I understand. I'm running a test now. The gist of it is that dropzone fires the complete event, so I need to have htmx trigger another request for the HTML that I want after the dropzone upload completes?
  • m
    Yep
  • m
    generally when you have third party libraries, you want to look for events you can respond to w/ htmx
  • m
    this would be a good demo
  • l
    I can put together a demo for it if I can get it working 🙂
  • l
    Currently it doesn't appear to cause the hx-trigger event to fire
1...168169170...1146Latest