Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Ben Croker
    @bencroker
    Slack is primarily a team tool and doesn't work well for open communities, at least in my experience (https://craftcms.com/blog/discord).
    Ed Guiness
    @KiwiCoder_twitter

    Could I check my understanding of Htmx parameters?

    Reading the docs I note that

    ...an element that causes a request will include its value if it has one...

    So therefore I had expected this...

            <button hx-post="serverAction"
                hx-target="closest .insert-me"
                hx-swap="afterbegin"
                value="abc"
                class="btn btn-primary btn-sm">

    ...to send the value "abc" to the server in Form data, but it doesn't?

    What I do see is a header hx-active-element-value containing the "abc" value.

    So I'm not stuck, since I can use the header, but I am a little puzzled. What do you think?

    1cg
    @1cg
    Yeah, buttons are a little tricky
    The way that forms work is that on submit they will include the clicked button value, but that is hard to do consistently from a dynamic ajax context
    @/all I've created an htmx discord server here: https://htmx.org/discord
    I'll monitor this chat too, but please try to migrate htmx related discussion over there
    1cg
    @1cg
    @KiwiCoder_twitter to complete the thought: since I didn't feel I could consistently provide the value for buttons in all expected contexts, I chose to provide the active element (the usual hack work around for this button problem) as exactly that: the active element, so that there is truth in advertising.
    Geoff Gallaway
    @geoffeg_twitter
    Re-writing a site with htmx, I've eventually gotten the place where instead of being able to replace a small component of the page, I have to basically replace the entire page, because multiple, independent parts of the page change with a single user interaction. Is there some way to cascade, chain or parallelize requests from a single trigger?
    1cg
    @1cg
    @geoffeg_twitter is replacing the entire page bad?
    do you have discord installed, we have a discord channel now: https://htmx.org/discord
    Geoff Gallaway
    @geoffeg_twitter
    Oh, I do, thanks.
    Cameron Elliott
    @cameronelliott
    @chg20 The docs say this: "It's worth mentioning that, if you prefer, you can use the data- prefix when using htmx", but there is no further explanation, or am I missing where that is explained more in-depth?
    1cg
    @1cg
    @cameron-elliott you don't need to do anything further, just sub data-hx for hx
    btw, the htmx chat is now over in the discord room: https://htmx.org/discord
    Cameron Elliott
    @cameronelliott
    Sure, but how does this change the functionality? Sorry if I am thick, I am not really a web-dev. So I don't know what the data- prefix does, does it change the functionality somehow? Or is the data- prefix just for people who like to see "data-" in front of the attribute names?
    @1cg Thanks for the Discord note, also.
    1cg
    @1cg
    Oh, right. Yes, so technically using just the hx prefix is not legal HTML
    Cameron Elliott
    @cameronelliott
    Okay, that's interesting to know, thanks for breaking that down for me.
    1cg
    @1cg
    all the frameworks do it, but some strict verifiers will choke on it. No browsers, but someone who wants to verify strict adherence to the spec.
    Cameron Elliott
    @cameronelliott
    Got, very interesting to learn. :)
    Thank you
    1cg
    @1cg
    practically, they are equivalent.
    :beers:
    glimmung
    @glimmung
    Hiya - I have a page using IntercoolerJS where I must remove jQuery because of a clash, so am migrating to htmx. I use a loader that I remove with ic-action="fadeOut;remove" , and in htmx I see how the trigger and target are implemented, but I cant get my head around what the equivalent of "ic-action" is - could somebody clue me in , please? Ta!
    glimmung
    @glimmung
    It looks as though I need an extension - "remove somebody else" instead of "remove me" - but that seems hard work for a small function that was so simple in IC so I feel as though I'm missing something.
    Jeremy Burks
    @jrun
    I'm looking for some help on a problem related to history. For reasons, I'd like to just reload content from the server when the Back/Forward buttons are used. While reviewing the code, I see Intercooler falls back to reloading the content from the server when the data is not found in local storage (handleHistoryNavigation). Is there an existing way to force the condition?
    Eugene Esca
    @scsmash3r
    @jrun Try maybe:
    jQuery(document).on("beforeHistorySnapshot.ic", function() {
  location.reload();
});
    Jeremy Burks
    @jrun
    Intecooler-handleHistoryNavigation.png
    1 reply
    Ivan Gretsky
    @ivangretsky
    Good day!
    Sorry for asking a question that has probably been asked quite a few times.
    What should one choose for a new project now in october 2020: intercooler or xtmx? What are their feature parity? Is htmx stable?
    Edouard
    @inouire_twitter
    The only thing keeping me from using intercooler now is the fact that some (advanced) features of htmx need unsafe eval
    Ivan Gretsky
    @ivangretsky
    @inouire_twitter do you mean "The only thing keeping me from using htmx now..."?
    Edouard
    @inouire_twitter
    yes that's it
    Bradbev
    @Bradbev
    Hello. I have a (hopefully) basic question. I want to have an input box that when enter is hit, I hit the server with something like /issue/<box>, and change the URL to the same.
    not sure if I can get intercooler to do this, or if extra js will be needed?
    oh, I just found ic-push-params
    Carles
    @lawer
    Hello, I love htmx but I have a question. Is there some equivalent to unpoly's up-transition ="move-left"?
    I'd love to choose transitions in links
    1cg
    @1cg
    @inouire_twitter in the next version of htmx we have removed eval() in favor of function and given a non-eval based option for hx-vars (hx-vals)
    Edouard
    @inouire_twitter
    Wow, cool !
    thanks
    1cg
    @1cg
    future intercooler discussion should take place on the intercooler channel on the htmx discord server: https://discord.gg/JUEEe27S
    Ivan Gretsky
    @ivangretsky
    The link seems to be not valid anymore
    ..or am I doing something wrong?
    Ivan Gretsky
    @ivangretsky
    @1cg could you please send another invite)
    1cg
    @1cg
    https://discord.com/invite/Z6gPqAd
    SOrry about that
    Ben Whalley
    @bigfudge_twitter
    hi - just wondering if there's a way to specify ic-deps so that the dependencies updated if triggered from elsewhere in the page, but not if the request is from that element itself?
    use case is that I have two views of a db object in a page: one is a form where you can edit it, the second is preview(s) of it. I'd like all the previews to update when the form changes, but I don't want to reload the form itself