https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • h
    ... <button hx-get="https://assets.codepen.io/3413533/index_1.html" hx-trigger="revealed " hx-swap="afterend"> HTMX MAGIC ! ...
  • h
    but it does not work with "revealed", its swaping as soon , as the page is loading
  • h
  • g
    Two options: have your response page include an HX-Trigger header that will fire an event (like "MyModalClosed"), then listen for this event in another part of your page (with 
    hx-trigger="MyModalClosed"
    )
  • h
    btw, i want to use several diffrent modals in this page
  • g
    Alternatively, you might have the modal target a specific part of the page 
    <div class="modal-goodness" hx-post="/server" hx-trigger="otherDOMnode">
  • g
    Ok, I see. You could possibly use several different event names. Or you could include some parameters in HX-Trigger header that are passed through to the event.
  • h
    i don't understand. i would love to get a practical advise
  • h
    would also spend some bucks / coffe , whatever
  • g
    Yes, many moving parts to manage, and there's more than one way to accomplish everything.
  • h
    i want go along with HTMX , don't want to give up 🙂
  • g
    Start with this, which button are you working on, the Submit button? What happens on the server when you submit?
  • h
  • h
    there is just one button
  • g
    going now.
  • h
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" hx-get="https://assets.codepen.io/3413533/index_1.html" hx-trigger="click, every 3s" hx-swap="afterend" hx-target="#htmx1"> Launch demo modal
  • h
    but the problem is, that i does not wait for the click. its starting to swap, every 3s
  • g
    Ok, I think I see what's happening. When you click the button, it remotely loads the contents into the modal, then displays it on the page.
  • h
    exactly
  • g
    Yes. I see this now. What if you put the hx-trigger="every 3s" in the content of the remotely loaded page fragment.
  • g
    In the source of "https://assets.codepen.io/3413533/index_1.html"
  • g
    Does this make sense?
  • g
    I click the button and load the index_1.html into the modal, then that page continues to load more things into the dialog as long as its active on the page.
  • g
    -- there will be some extra work once you CLOSE this dialog, but I think that would head down the right track 🙂
  • h
    i will try it in some minutes. THANK YOU
  • g
    No worries 🙂
  • h
    i'm sitting in germany/hamburg , normally its saturday evening, and i would go to clubs, to do some party. but now because of this "goverment decisions", its quite as fuck here 🙂 " where are you located, and whats your status? :)=
  • g
    I had one more suggestion -- when I load modals into the page, I load the whole modal, so "index_1.html" would include all of the Bootstrap boilerplate along with the actual contents. Then, when you're done, you can just remove the whole modal from the DOM to close it. There's a demo of this on the website -- https://htmx.org/examples/modal-bootstrap/
  • h
    good idea, will try
  • g
    I'm in Denver Colorado, USA.
1...104105106...1146Latest