https://htmx.org logo
Powered by
# htmx-general
  • m
    \> tfw
  • m
    😑
  • g
    😋
  • g
    Sometimes I just flood the pull requests, just to see @mysterious-toddler-20573 scramble 😄
  • m
    my secret is that I'm always scrambling
  • g
    This is an extremely early proof of concept, with major shortcomings still to be resolved. However, here's a video of using htmx to dynamically load slides into a slideshow and navigate forward and backward through it.
  • g
    My goal is to make this "general purpose" enough to work as one of the navigational foundations of a web app. The biggest issues right now are: - The back button is a lie. Working with history is going to be a big deal. - Right now it's fixed height. A general purpose solution will work with any sized pages. - Too much boilerplate. Once I have something that actually works, I'll try to make it easier to manage.
  • c
    Would 
    hx-boost
    give you back button functionality?
  • g
    I'm looking in to that now. The way this is built (currently) is a bunch of DIVs all stacked on top of each other. I'll need to figure out how to find the URL for the previous page, load it into one of the DIVs, then animate.
  • g
    I think (hope?) it's doable. It'll just take some more work to make it go.
  • m
    nice!
  • m
    can't wait to see the code
  • g
    No really. You want to wait to see the code.
  • m
    i look forward to seeing the code
  • g
    Right now, it will make you sad.
  • m
    at the appropriate time
  • g
    Ok, dumb question.. I'm trying to identify the event source using the following element :
    Copy code
    html
<div id="stack" 
        hx-push-url="true" 
        hx-get="1.html" 
        hx-trigger="load" 
        hx-target="#stack" 
        hx-swap="beforeend"
        _="on htmx:load call forward(event)"></div>
    Right now, 
    event.target
    and 
    event.source
    both point to the new DOM node that's loaded with 
    1.html
    . I'd like to be able to differentiate between fragments that are loaded directly by this tag vs. elements that are put into this container afterwards. Does this question make sense?
  • g
    Would it be possible to include the element that initiated the Ajax call in the event data?
  • g
  • m
    This extension includes the entire event serialized as JSON: https://htmx.org/extensions/event-header/
  • g
    Hey @mysterious-toddler-20573. Thanks for this. I checked it out, and I think there is still something more that I need. I'll try to write up a GitHub issue, which will probably be a better place to discuss this in more depth.
  • h
    hello! i use HTMX to avoid a page reload and it works fine. but when it comes to stuff that needs Javascript (f.e. a favorit button that gets red, after a click) , it has to be reloaded (started) it does not work. is there a way to start (restart) my JS-Code ? i use htmx in this way : .
  • g
    Howdy @User - there are several ways, depending on what you're doing. You can call the 
    htmx.process()
    function to re-process a set of nodes. Do you have more sample code you could share?
  • m
    @User hard to tell without code, but the favorite button should ideally post (or put or whatever) to a URL, that returns a new version of the button, with a class that will render it as red
  • g
    👆 This is the correct answer.
  • h
    thats it! THANK YOU! 🙂 i use python (django) and that seem to be a fantastic solution.
  • m
    🙂 excellent to hear
  • h
    please take a look here. https://codepen.io/zen8/pen/yLaXyGj. it works , but when you click on the button "HTMX MAGIC" , the missing of JS (sorting , bring it in shape) makes it unfunctional.
  • m
    Hmmm. Hard to see what's going on, but it looks like you have a bunch of javascript that is executed when the page loads. When you bring in new content via htmx, it isn't going to be hooked up. So what you might need to do is, when new content is loaded via htmx, initialize it with your javascript libraries: https://htmx.org/docs/#events
  • m
    I need to create an example of this situation, it bites people frequently
1...102103104...1146Latest