https://htmx.org logo
Powered by
# htmx-general
  • g
    Dropzone is an amazing piece of work, and it would make a fantastic demo. Thanks for reminding me to bookmark it, to include in my next project 🙂
  • l
    This is what I used for my test.
    Copy code
    <div hx-trigger="complete" hx-get="/extraPay/htmx-test" hx-swap="outerHTML" hx-target="#test" id="test">
                <form id="fileUpload" action="/extraPay/upload-target" class="dropzone"></form>
            </div>
  • m
    In the console try this: 
    monitorEvents(document.getElementById("fileUpload"));
  • m
    and see what events are being fired on that badboy
  • m
    we'll figure it out
  • l
    ok
  • l
    Uncaught ReferenceError: monitorEvents is not defined
  • l
    One second; apparently that is something Chrome specific. I was testing in Firefox.
  • m
    chromium/chrome
  • m
    too late 🙂
  • m
    🙂
  • m
    too useful to just be part of the standard library
  • m
    😑
  • m
    we are going to make event driven programming a thing again folks, believe me
  • l
    Just a ton of mouse and pointer events.
  • l
    No complete event, no success event
  • m
    hmmm
  • m
    it dropzone lying to us?
  • m
    Maybe the event is triggered elsewhere?
  • m
    i wonder if it's triggered on the body
  • m
    I checked on the body here https://www.dropzonejs.com/ and there are no upload events
  • m
    Copy code
    <div hx-trigger="complete from:body" hx-get="/whatever">
    <form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>
  </div>
  • m
    although that's a little dangerous since there could be multiple drop zones
  • m
    GAH
  • m
    > Dropzone triggers events when processing files, to which you can register easily, by calling .on(eventName, callbackFunction) on your instance. > > Since listening to events can only be done on instances of Dropzone, the best place to setup your event listeners, is in the init function:
  • m
    that's awful c'mon guys
  • m
    Didn't you anticipate my html-oriented framework that listens for events in the DOM?
  • m
    OKOK
  • m
    This demands an htmx plugin
  • m
    For now, you can do this:
1...169170171...1146Latest