https://htmx.org logo
Powered by
# htmx-general
  • m
    completely unacceptable insta banned u probably drink water too betrayed by my own discord smh
  • w
    So, 
    /services/#speeches
    in my example is similar to e.g., 
    https://htmx.org/docs#css_transitions
    , which is a link on the homepage of htmx.org. For some reason, the issue doesn't seem to happen when I click on that link on htmx.org. **EDIT: Oh, it's because htmx.org doesn't boost links in the middle of it's page? ** You can view my example by going to http://www.perrymangroup.com:8000/ scrolling down a little and clicking on the "Learn more" button in the "Speeches" card, if that helps. Once you click that button, it take syou to the "Economic Analysis" page, and the #speeches section, but #speeches isn't in the URL (firefox, at least). clicking "back" creates the issue
  • r
    @mysterious-toddler-20573 thoughts on this? Just wondering if you have syntax suggestions like Deniz, or any other thoughts
  • r
    Also you posted a JSON/HTML meme but HTMX doesn't make it easy to handle arrays and nested objects, it leaves it up to the backend. I guess extensions technically make it so you can do anything though
  • m
    rails has a convention for encoding form arrays, etc, but it isn't amazing. Doing it right would be an extension coupled w/ a naming convention for elements IMO
  • r
    Naming convention for elements?
  • m
    yeah, like
    Copy code
    html
  <input name='contact.name' .../>
  ...
  <input name='contact.emails[0]' .../>
  <input name='contact.emails[1]' .../>
  ...
  • m
    where the plugin would serialize all those inputs into
    Copy code
    json
{"contact" : {
   "name" : ...,
   "emails" : [ ... ]
    ...
   }
}
  • m
    rails does the first part automatically if you use form helpers and then does the mapping into an object hierarchy server side, but it could all be done client side if you wanted to
  • r
    Ah gotcha. The only issue with hardcoded indices is that if you say, hit an "add item" button when using HTMX you then need to store additional state for the request and response - the max index
  • m
    u sound like u shud use hypermedia as the engine of ur application state
  • a
    MFW when my boss already knew about it and had used it before
  • g
    ColdFusion used to do this. I’ve worked up something similar for Go that’s just dots: 
    contact.emails.1
  • r
    What I'm getting at is that it might be possible to do this in an append only fashion similar to php, which would eliminate the state. Not sure, I'll try playing around with it
  • s
    So, then they're onboard with it?
  • a
    Yup, totally
  • a
    We will start with only the small projects, and see how it goes from there
  • m
    underrated tech
  • m
    u are old, but are you "I remember atg dynamo" old?
  • j
    I'm so old, I remember Vignette StoryServer and NeXT WebObjects.
  • g
    I worked on a website written in C++. We were wondering if we could make a "shopping cart" using these new things called "cookies" that (my boss explained) weren't available on all the browser versions yet. We've come so far 🙂
  • i
    lol
  • i
    how many hours it took me to realize that you actually needed the <% before the VBScript in classic ASP 🙂
  • l
    Hi, is it possible to go to URL when I click option of select? So this example would go to URL instead of loading get content: https://htmx.org/examples/value-select/
  • l
  • m
    unfortunately this is a difficult pattern in pure htmx because the option element does not fire an event
  • m
    this comes up quite a bit though, so maybe we should special case it in htmx?
  • s
    Couldn't the server send an hx-redirect header on change?
  • l
    How would it work? I'm not sure how hx-redirect header works
  • s
    https://htmx.org/reference/#response_headers You would take the value of the option and set that as the 
    HX-Redirect
    response header and htmx would read that and redirect to the new URL.
    Copy code
    <select name="url" hx-get="/redirect" hx-swap="none">
      <option value="https://google.com">Google</option>
      <option value="/absolutePath">Other</option>
    </select>
1...699700701...1146Latest