https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
    yes
  • t
    Clarify please
  • r
    quick question
  • r
    is it posibble to do something like this
  • r
    I want to push a value from an input type on button click to the url
  • r
    say an input type text with a value of "title". When I click a button I want to push that title as a param to the url
  • r
    the catch: title value is empty at start, so I only want to push the updated value
  • r
    and then use that value as the value from the input again
  • h
    i love to use HTMX. i have a gallery running, and HTMX helps me to load the items dynamic. but than the new items (added by htmx), are not ordered well, the JS-effects are missing, because the JS-functions has to be started again.
  • h
    how can i use HTMX, not just to add HTML, but also to call some JS-functions ?!
  • h
  • h
    this codepen-file is the main one. and it make a call (htmx) to this file: https://codepen.io/zen8/pen/zYBNRrb
  • h
    my problem is, that HTMX wors great, to add the items, after i click the button. but the JS function are not working for this new items (added by htmx) , how can i restart the JS-functions to let the HEART and SHOPINGBASKET-Icon Effect work?
  • m
    @User you need to initialize the new content with your js library
  • m
  • m
    (sorry, the javascript API documentation is new and hasn't been released, so I have to link to the dev site)
  • m
    > quick question @User Yes, I think so. In fact, that would be the default behavior. When you say "I only want to push the updated value and then use that value as the value from the input again" if the button is a 
    GET
    and the input is included in the request, and you have 
    hx-push
    set to 
    true
    it should end up in the URL. Re-using the value in the input is just a matter of rerendering the input with the updated value (assuming you are rerendering the input)
  • r
    thanks for the reply
  • r
    gonna see if I can get it to work
  • m
    yes, I can help, but this sounds like it should work pretty easily and if you have any bumps just let me know
  • r
    đź‘Ť
  • l
    The brief chat about how htmx could be used with web components seems interesting, but, is that stuff even alive these days? I'm pretty sure polymer isn't maintained.
  • g
    Not polymer. I think it’s dead.
  • g
    It was a “polyfill” for WebComponents. Once browser support improved, it was left behind in favor of LitElement.
  • g
    They’re not a silver bullet, and don’t replace big tools like React of Angular. But, they seem fast, light, and interoperable.
  • l
    @User I think that @mysterious-toddler-20573 has said that he's "glad to see people like @User and @User use htmx for component systems, but it's not his wheelhouse", so I presume he's probably leaning on you to make any components, such as your sortable list, and isn't going to directly engage ... but, @mysterious-toddler-20573 has been great with prompt bug fixes.
  • g
    So, I wouldn’t try to make a whole app using WebComponents, but they (could?) fit into the HTMX ecosystem great.
  • t
  • l
    @User So, in discussion with a colleague, he's politely thinking that I'll lose interest in HTMX and eventually have to use "standard" component framework like React/Vue. Even so, it seems like WebComponents could work really nicely with HTMX, no? The main question was "in an htmx based application, how do you manage application state", the assertion that nested components is essential to this task.
  • m
    Hypertext As The Engine of Application State
1...626364...1146Latest