https://htmx.org logo
Powered by
# htmx-general
  • m
    actually you can specify a swap type with the oob too now
  • l
    Ok
  • l
    I'll try it and see if that works
  • m
  • m
    so you can say
    Copy code
    html
<whatever id="foo" hx-swap-oob="innerHTML">...<whatever>
  • m
    and that should do an innerHTML swap
  • l
    Yeah, that doesn't work if the tbody is an oob element
  • l
    wait...
  • l
    nope, still not working
  • l
    If you are interested in seeing the actual stuff I could throw up a Google Meet or a Zoom; if not I totally understand.
  • m
    i wish I could I'm slammed at work
  • m
    can you record a video?
  • l
    Yeah, I can do that. I'll send you a drive link.
  • m
  • m

    https://www.youtube.com/watch?v=CJK6yfx9AK4▾

  • g
    the 
    issueAjaxRequest
    function really looks like it needs some partializing lovin'.
  • g
    just a thought tho 🙂
  • l
    @User Here's a link to a video I created of that tbody issue https://drive.google.com/file/d/1LCkzee3NE_j8DauCf393-i6HMDtuiMAB/view?usp=sharing
  • m
    lol I just got done giving a lecture to students saying how it's OK to have some big methods
  • m
    up to 200LOC tends to have fewer bugs than smaller functions, believe it or not
  • m
    "studies suggest"
  • g
    i think that's true but every time i see 
    null, null, null
    in a function signature i reach for a partial to be more semantic about what's what
  • m
    🙂 ah, that, yeah, the original function wasn't really designed what it's doing there... Are there default argument values in ES5 or whatever version of javascript I'm using?
  • g
    in es5, no
  • m
    😑
  • m
    IE11, i love u but...
  • g
  • m
    a question about event listening in the following
    Copy code
    ...
<body>
    <div id="thePlaceHolder1">WILL BE ERASED 1</div>
    <div id="thePlaceHolder2">WILL BE ERASED 2</div>
</body>
<script>
//htmx.logAll();
const sDebugStyle = 'background-color:coral;color:purple;'

htmx.on("htmx:configRequest", function(evt){
    console.log("%chtmx:configRequest", sDebugStyle, evt);
});

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

;(async() => {
    htmx.ajax("GET", "/b.html", "#thePlaceHolder1");    
    await sleep(10);    
    htmx.ajax("GET", "/c.html", "#thePlaceHolder2");
})();

</script>
    htmx.logAll(); trap all event , but htmx.on("htmx:configRequest" ... failed to log first ajax request, with three ajax request only the first one is dropped the solution i found is to put an await sleep(10); before first htmx.ajax but i coudl'nt understand why logAll() caught it without the sleep(10)
  • h
    Hi all, I would consider myself a beginner when it comes to this topic, just here to ask if there is anything special I would need to do in order to incorporate this into a Flask Web App ... or should it just work like normal?
  • h
    Specifically looking at trying to get the Active Search Example to work
1...161162163...1146Latest