https://htmx.org logo
Powered by
# htmx-general
  • a
    when I load page with 
    <button class="button" hx-delete="/someurl">...</button>
    it is responding to on click event but when I update DOM (AJAX) with same code it does not work any more. What am I missing?
  • m
    Are you adding content dynamically?
  • a
    yes
  • a
    then it is not working
  • m
    You will need to call htmx.processNodes()
  • s
    Some experience using Starlette/FastAPI as a server. Only played with python client. Browser has been the main client. What are you doing?
  • m
    Let me send a link in a bit
  • a
    tnx, I did it in hyperscript like this 
    _="on refreshGroups fetch someurl then put it into me.innerHTML then call htmx.process(me)"
    , it is working
  • m
    you (or anyone else) know why this server is disconnecting the websocket?
  • m
  • m
    sneak peek at what's coming in hyperscript 0.0.6:
  • m
    btw @User you have your init block now
  • s
    You need while True or something to surround the server function body to make it continue serving. Then it returns to top await after send.
  • s
    I had to test this. I tested my Starlette code and it has the same behaviour using websocat. Yet in browser it worked fine...
  • s
    If you have something to test hyperscript with, Iā€™m game. I can take that old code and change the frontend.
  • g
    It's not just the video... It's on all pages. If you scroll down on a page and click a boosted link to navigate to a new page you would expect to be at the top of that new page. Not as far down as you scrolled on the previous page. I guess just catching the afterSwap would cause issues on non-boosted links where I just want to swap content in a div
  • g
  • s
    Built a Twitter clone kind of small demo app using htmx. Code: https://github.com/rajasegar/htmx-twitter-clone Live Demo: https://htmx-twitter.herokuapp.com/ Open two instances of the app in different browser windows side by side , see the realtime updates Appreciate any comments / feedbacks šŸ™
  • s
    Twitter clone demo using htmx and Node
  • g
    Ah... the hx-swap with show:top solved it
  • m
    That looks pretty awesome!
  • m
    Good to hear! Although I do think that we should follow turbolinks and scroll to top on boosted links by default
  • m
    Do you mind opening a ticket?
  • m
    Yep, 
    htmx.process
    that's the one!
  • m
    (sorry, a lot flying around right now)
  • m
    worked like a charm! websockets in hyperscript are pretty slick!
  • g
    I have an tag for pagination. When I click one of those pagination links, I want to fetch the target url with a query param 
    ?page=x
    . how do i include that value as a query param? I am doing this in other elements like input and select by adding the 
    value
    to the input, but the 
    a
    tag doesn't have the 
    name=value
    idiom that those elements have, does it?
  • g
    I guess I can just do 
    hx-get="/myurl?page={{ paginator.previous }}"
    ... seems that sorta works.
  • g
    one other thing. on these links i have 
    hx-include=".ledger-filter"
    . i have two elements with that class. if those elements are empty, and I click on one of these links, the url becomes 
    "/myurl?page=1&first_filter=&second_filter=
    . Can I only include those query params if the element has a value?
  • g
    https://github.com/bigskysoftware/htmx/blob/master/src/htmx.js#L1587 I would imagine it's this line of code? if so, would null checking here be valid?
1...173174175...1146Latest