https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • a
    so whereever is easiest
  • a
    I see this in the docs:
  • a
    "By default, an element that causes a request will include its value if it has one. If the element is a form it will include the values of all inputs within it."
  • a
    but my button does not seem to be doing that.
  • a
    When I print the request.GET I just get an empty dictionary
  • s
    What if you add a 
    name='mybutton'
    attribute to the button tag?
  • a
    😦 , no, no change
  • m
    🤔
  • m
  • m
    maybe for now hx-vals can work?
  • m
  • t
    Hey folks! I was looking for an example of authenticated requests with htmx. Like a dashboard that requires a user to be logged in and show conditional info based on the roles. If isn't there, what's a good way to approach this?
  • b
    You'd approach it in the exact same way you would for a normal server side rendered app, but if you need to perform ajax requests like updating small parts of a page after it's loaded you can use htmx
  • m
    Yep, typically you'd use the "normal" authentication module for your server side framework, and that would establish a "session" cookie that is passed along w/ every request (either htmx driven or otherwise). The authentication module typically has a notion of "the current user" that you can consult when determining what to render in the HTML, or if a given action is allowed, etc.
  • t
    Nice. I'll play around with this and see what I can get done.
  • a
    I am using django so I understand what the crsf token is about, but I didn't think I needed it here? I guess I don't understand why this is different.
  • h
    yeah csrf not used on gets
  • h
    wierd bug - I'm developing, decide I don't actually want to use the history cache, set the cache size to 0, DONT delete the local storage, htmx continue to use the cached response and never changes it
  • h
    have to manually delete the local storage to get it working
  • a
    I have used this function before, but I always had it trigger from 'change, load', and it was always from a form field.
  • a
    that works fine
  • a
    now I'm just trying to do the same thing from a button click
  • a
    Copy code
    html
<button type="button" class="btn btn-info" id="namebutton" name="checkbutton" value="xxx" hx-trigger="click" hx-post="/checkopponent">
  • h
    if I have a button with hx-indicator on it, server response comes back and is a hx-location/hx-redirect it will pull off the loading state even though a request is still happening
  • h
    since it's a different request
  • a
    oh, I changed the button to input and now it's working
  • l
    I recently experienced another cool htmx side-effect. My user management page had a list of users, and I used htmx for the "Add" button to put a new row at the top of the table, and to do inline edits. As I'm building out the admin area, I decided to put the user maintenance portion on a different page (trying to reduce the number of menu items). None of my IDs conflicted, and all my targets and such worked as well. If I hadn't changed the URLs on the back end, it would have been a literal "cut/paste and it still works" scenario. Very, very cool!
  • m
    awesome: I remember a setting page we had where we had a "card" for every integration in our system. Every time you wanted to add a new one, you could just dup an existing one, rename a few routes and blam, you were good to go. Really nice aspect
  • h
    I'm having a weird htmx issue that I hope someone can help me understand...
  • h
    In my django app, i'm using htmx to allow people to edit many scheduled events that display on a page, with each event being its own div that typically is getting cleanly replaced.
1...763764765...1146Latest