https://htmx.org logo
Powered by
# htmx-general
  • m
    it is the rest of the internet who is wrong
  • p
    @User I'm working on this hx-action functionality as an extension, and a little unsure on what direction to take. The extension is supposed to react to triggers specified in the hx-trigger attribute. If I read the content of the hx-trigger attribute from the extension, I still need to parse and tokenize it, and interprete it, which is logic that already exists in htmx. Should I copy this hx-trigger functionality from htmx into the extension? Or is there a way to leverage this htmx trigger logic, from the extension i'm writing?
  • p
    An option seems to be to export 
    getTriggerSpecs
    from htmx. I will try this and see if that works
  • p
    @User I got it to work, by exposing a couple functions which are used internally for processing triggers. Do you think this is a good approach? Or do you recommend a different way? If this is a good direction, I can go ahead to cleanup, then add tests and documentation. 🙂 https://github.com/bigskysoftware/htmx/pull/493/files
  • m
    I am travelling this weekend, but will look at this first thing next week
  • p
    Sure thing. Take your time. And enjoy your trip!!
  • q
    Hi folks! New here and new to 
    xhtmx
    🙂 First question is can I pass arbitrary data as part of my 
    hx-post
    ?
  • q
    I've seen 
    hx-include
    but that's looking for form elements right? This is not a form input - I just want to pass 'foo=whatever' in the post.
  • q
    I don't really want to add a hidden input element to hold this if possible. I just want to send "anything" like I can with a regular JS Ajax call.
  • q
    I managed to solve my need for this for now using the 
    HX-Trigger-Name
    header, but I'd still love to know if it's possible to pass arbitrary data with the post
  • s
    Up to now I use a which includes all inputs which are below the form. Does this help you?
  • s
  • q
    No as it's not an input I want to send - I want to send arbitrary data not part of the form... in fact, no form at all...
  • q
    I want to be able to do something like (terrible example):
    Copy code
    <button hx-post="url" hx-swap="outerHTML" hx-extra-data="foo='whatever'">+</button>
  • s
    I guess if you want to do arbitrary things, then you should use an environment which lets you do arbitrary things. Which means use Javascript. But before going this way, I would think about why you can't use the very boring and straight forward form+inputs pattern.
  • q
    I have a very javascript heavy website that I'd "gladly" remove all (or as much) JS from as I could - transitioning to htmx, but that can't entail a complete re-write of the site or it's a pointless move.
  • q
    Having arbitrary data like I showed above would allow me to remove a large portion of my JS without having to re-think my entire website structure.
  • s
    You can hook into htmx via JS. I have never done it, so I can't help you here. Sorry.
  • s
    But maybe someone else has more JS knowledge.
  • q
    I totally get it's not the 'htmx way' though, so not asking (or expecting) htmx to be what it's not. If it's not supported, nps.
  • q
    Sure, no problems! I appreciate you trying to help out.
  • s
    I need to leave. I will be back tomorrow, maybe someone else can jump in.
  • s
    You can create an reproduciable example and post it on StackOverflow, but then drop the URL here, so people see it.
  • q
    Sure, but I'll do a lot more research first as I am super new to htmx, and thinking the htmx way 🙂
  • m
    @User personally I am not aware of such feature, but you could use the url it self to pass data. Somewhat limited but works if you just need to send id used for relationships etc
  • m
    as long as "whatever" can be slugified and does not contain sensitive information that should be sufficient
  • s
    If htmx does a http put. Which encoding gets used for the data? Form encoding (like http get). URL encoding (I don't think so), or some kind of JSON?
  • m
    in django for example...
  • m
    Copy code
    <button class="justify-center my-1 py-1 px-1 rounded-full cursor-default"
            hx-post="{% url 'up-vote-post' post_id=post.pk %}" 
            hx-target="closest div" 
            hx-swap="OuterHTML"
  • m
    through your urls... and use the post_id in your view along with the request
1...280281282...1146Latest