https://htmx.org logo
Powered by
# htmx-general
  • g
    Btw... When htmx is removing all classes from an element during swap. Wouldn't that potentially mess upp css during the swap phase? If the element is styled based on those classes.
  • g
    Ah. I misunderstood the documentation. It does not remove all classes. It copies the old attributes (including classes) to the new content before swapping, and then adding the new attributes
  • p
    what's the best workaround for the scroll-top issue?
  • m
    wait a few weeks for htmx 1.4?
  • p
    🙂 that's fine. Played around with afterSettle event but that broke some other things.
  • b
    Hello I am new to web programming I try but never like the way web programming(javascript and ton of frameworks) works but with HTMX I am able to see how it is working simple response/request model thanks @mysterious-toddler-20573
  • b
    Now My questions : How do I read the status and content of response? How do I add label innertText in post request?
  • s
    Let's look at the happy path: No network error, no server error. Then you don't fiddle with the http response. You define via hx attributes what should happen, and this is all. Which framework do you use on the server side? How did you discover htmx?
  • b
    i am using go backend and discover htmx on hacker news
  • b
    this is how I am sending the post to server : <input type="number" name="qty" id="id_qty" hx-post="/save_item_line" hx-target="#id_data" hx-trigger="keydown[key=='Enter']" hx-include="#id_mou, #id_qty, #id_expdate_year, #id_expdate_month, #id_expdate_day">
  • b
    i have two label on the page named id_date and id_num how do I send there data with the post I try to include in hx-include but I am not receiving any data
  • g
    I would create hidden inputs on the page with the same data as the labels and include those.
  • b
    yes that also a option but if we can use value from label then don't need of extra hidden fields
  • b
    if that is not possible then hidden field is fine
  • g
    I don't think it's possible without custom js. Using the text of the label can be fragile because it might get changed when the UI design changes
  • b
    this is my label : GetDate GetUID
  • b
    How do check the status of response??
  • b
    i have to clear input field based on server response
  • g
    You would need code like this:
    Copy code
    js
theForm.addEventListener('htmx:afterRequest', event => {
  if (event.detail.xhr.status == SOME_STATUS_CODE) theInput.value = ''
})
  • g
    or in hyperscript: 
    on htmx:afterRequest[xhr's status is SOME_STATUS_CODE] set #the_input's value to ""
  • b
    hyperscript is better
  • p
    interesting: returning a in a response creates a swap error
  • p
    so a button has
  • p
    it should do a POST, server returns an HTML fragment to be injected on the page.
  • p
    the fragment has hx-preserve="true" at the top level: htmx:swapError is raised (again, I don't have more detail due to CDN obfuscation)
  • p
    remove hx-preserve it works
  • p
    not a big deal but a gotcha
  • u
    Hey all
  • u
    I'm doing some load polling and I'm having some issues with the loading indicator being seamless.
  • u
    So I do a post request and return some HTML with the polling request inside of it. I continue polling until I get a proper response. During that time of polling i have a spinner going but it goes in more so blinks then seamlessly keeps loading while the get requests are polling.
1...246247248...1146Latest