I have two page called first.html and second.html. The template of the two page is the same except for first and second text. Is an example to understand an issue. first.html: <!doctype html> <body hx-boost="true"> First page! <a href="/second.html">Go to…
Using Go html/templates, HTMX, Alpinejs What i'm trying to accomplish is that when I select server name from a dropdown list I populate the database dropdown list with databases related to that instance. Using HTMX to get that database list…
Im using JS API of the HTMX library to add contents. for example: htmx.ajax('GET', url, { target: '#js-product-list', swap: 'beforeend', // Adding new stuff to already existing content }) .then(() => { ... Now lets say I would like to…
I'm trying to use htmx triggers and custom events without success. I'm using custom events because I'm going to trigger multiple refresh in a page. My source is very simple, but I cannot make it work: <html> <script src="./js/htmx.min.js"></script> <body>…
I have a <ul> with children <li>. All of the <li> are siblings. I need them all to be siblings so that htmx.takeClass(); works to highlight the active item. My layout is like this: <ul class="list-group list-group-flush" hx-on:click="if (event.target.classList.contains('list-group-item')) htmx.takeClass(event.target,…
I have a table where each row has a checkbox in it. I've added a simple JQuery function that makes the whole row clickable - when a user clicks anywhere within the row, it toggles the checkbox. I'd like to…
I'm looking for help with HTMX. I writing a simple FastAPI app with HTMX and Tailwind and MongoDB database. I have such a form: <form id="currencyForm" hx-get="/currency_history_check/EUR" hx-target="#result" hx-swap="innerHTML"> <select name="currency_id" id="currency_id" onchange="updateFormAction()"> </select> <button type="submit">Submit</button> </form> <div id="result"> </div>…
I'm updating the hx-trigger attribute of #refreshToggle to change how often it requests my alert endpoint with the selected value of #timeDropdown using hyperscript. The attribute gets changed correctly but #refreshToggle still uses its starting value of 5s. It seems…
I have a datatable and add item form which shows as a modal ( bootstrap ) I'm using htmx to add an entry and swap the datatable with latest data. Now, I want to handle things like validation and errors.…
I need to call call some JS after having called an HTMX request, like this: document.addEventListener('htmx:afterRequest', updateConnections()) In updateConnections() I need to reassign some references to html elements that may have been changed during the swap. It is running once…