I have a button that I want to send two requests to the server when clicking. The setup is like this: <button id="add-item" hx-get="some-url" hx-trigger="click" hx-target="#item-form" hx-swap="beforeend" type="button">Add item</button> <br> <div hx-get="some-other-url" hx-trigger="from: #add-item" hx-swap="beforeend"> </div> I have tried using…
I have a login form marked up like this: <div id="login_form" hx-ext="response-targets"> <form action="/login" method="POST" hx-boost="true" hx-target="#login_form" hx-target-400="#login_form" hx-swap="innerHTML"> ... <button type="submit">Log in</button> </form> </div> When there's an error, backend returns the form with outlined errors, with 400 status code…
My current code is: <form id="search-form" hx-post="/search-api" hx-target="#search-result"></form> <div class="search-wrapper"> <div class="material-icons search-button md-8 md-light" role="button" type="submit" form="search-form">search</div> <div class="search-bar-wrapper"> <textarea name="search" type="text" class="search-bar" id="search-bar" form="search-form" placeholder="search" oninput="autoResize(this)"></textarea> </div> </div> <div id="search-result"></div> I can't submit the form when I click…
I have a JavaScript function that generates buttons for seats and each seat gets an hx-post, hx-trigger, and hx-params. In the params, the seat id (for example "0-0" or "12-5") is generated. I want to get the params in the…
may someone tell me how to avoid to have the error message shown 2 times? I'd like to keep the top error message, but on red. https://files.slack.com/files-pri/T07EFKXHR-F058SR427RA/image.png html: <form hx-post="{{ request.path }}" class="modal-content p-4" enctype="multipart/form-data"> <div class="modal-header"> <h5 class="modal-title">Ingresa tu…