https://htmx.org logo
Powered by
# htmx-general
  • m
  • b
    Congratulations that's huge!
  • m
    Everyone please give our own @User a round of applause because this was his call. And, if you can, please give him your business!
  • m
    not sure he's in a good place to engage, but I think a lot of folks are going to be realizing this in the next half decade or so: https://twitter.com/krainboltgreene/status/1490825793131331584
  • c
    @User thanks for coordinating the partnership and for you contributions to the project 👏
  • a
    Awww schucks… thanks! It takes a village… and this village happens to be awesome! 👊🎉
  • g
    the dialectic advances
  • e
    What does TWA stand for? I could only find "Trusted Web Activities" when I searched it up
  • g
    transitional web app
  • b
    "typescript with attitude"?
  • m
    \> tfw
  • m
    this is now a german idealism chat
  • m
    perhaps the real silver bullet was all the friends we made along the way
  • s
    I was invited by Theresa Robinson – Data Scientist – Rolls-Royce to give a talk about htmx. They think about using htmx for some use-cases: I used the same old slides: https://docs.google.com/presentation/d/12dgaBnUgl4cmEkiOhUJL5hsbGQ6hB5sslDuozmBjVUA/edit#slide=id.gee53fd12c3_0_7 Let's spread the good virus 🙂
  • m
    Ha! Rolls Royce would be a hysterically funny corporate sponsor!
  • m
    Good luck!
  • b
    does anyone have some experience with hx-preserve?
  • m
  • m
    unfortunately preserve doesn't work for some types of elements (e.g. iframe embeds 🤦‍♂️ ) so if you are doing that, you'll need to either use the Morphdom swap (which does a better job of keeping the original DOM around) or narrow your target to avoid nuking the problematic element
  • b
    no ... nothing too fancy going on here. I am creating a table like structure using div rows/cols and on click I swap in a new row below the one cell that was clicked. what works: - swapping in - hx-preserve on the swapped in div row what does not work - the clicked cell gets a setAttribute hx-preserve=True on click -> this is ignored
  • m
    hmm, if you can post some HTML I can look
  • m
    or, if you know how to debug, you can set a breakpoint in that code and see what's up
  • b
    I think @User you need to call 
    htmx.process
    if you make a programmatic change to an HTMX attribute. Someone might totally correct me on that
  • b
    I have absolutely no idea on that.
  • b
    If you want HTML I can paste it, but I do not want to put too much trash in the main channel?
  • b
    You said 
    the clicked cell gets a setAttribute
    . I think in that click channel handler you need to call 
    htmx.process(cell)
    after you set the attribute
  • b
    so you can see the hx-preserve attribute is added (this happens on hx-trigger=click[somejsfunctionthat does setAttribute hx-preserve=True on that cell])
  • b
    Copy code
    html
var addHxPreserve = function ( cellid ) {
    document.getElementById( `cell-${cellid}` ).setAttribute( "hx-preserve", true );
    return true;
}
  • b
    just do this? ->
    Copy code
    html
var addHxPreserve = function ( cellid ) {
    var cell = document.getElementById( `cell-${cellid}` );
    cell.setAttribute( "hx-preserve", true );
    htmx.process( cell );
    return true;
}
  • b
    It's really just a guess from me. You might need to call 
    htmx.process
    on the whole table. I'm just throwing spaghetti at the wall
1...556557558...1146Latest