https://htmx.org logo
Powered by
# htmx-general
  • c
    running 1.5, Is that an issue?
  • t
    Well, I don't know when exactly those headers were added, but I'm gonna go out on a limb and stay it was probably either 1.6 or 1.7
  • c
    Ah. That would make a lot of sense. Will bump the version and get back to you
  • c
    Bumped. Still not working
  • t
    Try adding a custom header as described in just to check if it will work at all
  • p
    Hello, i have a payment modal that i add to my website using htmx hx-get, i get the modal without issues, but im using a payment button that uses some js to work and it is not working. (already loaded js on the main page)
  • p
    Is there something i need to do to make the button work?
  • m
    I am guessing the new content needs to be initialized to work w/ the 3rd partly lib: https://htmx.org/docs/#3rd-party
  • p
    Do i still need to use the instructions from the link even if i loaded the javascript lib on the base html?
  • p
    library its already downloaded and loaded into the page, im just showing a modal
  • m
    If the modal has new content in it, the javascript library probably needs to know about that.
  • m
    Most js libraries just example the current dom and wire stuff in (event handlers, etc.) and so when you add new content via htmx it needs to be initalized just like on the initial page load (but within that new content only usually)
  • m
    Some libraries are better at handling DOM mutations, but it's still the wild west
  • p
    Thank you for your explanation! This could make the work? im not sure if i did it correctly. i want to reload when new content its on modals-here div
  • p
    Copy code
    <button class="btn btn-light waves-effect mt-4 mb-2 width-sm fs-3" type="submit"
               hx-get="{% url 'modal_subscribe' %}"
               hx-target="#modals-here"
               x-data="{show_new: false}"
               x-init="$watch('show_new', value => {
               if (show_new) {
                   htmx.process(document.querySelector('#modals-here'))
               }
               })">Subscribe</button>
  • h
    when do you turn show new true
  • b
    Hi, maybe someone knows how to set page title using htmx? Something like hx-push-url, but for title
  • s
    I think it updates it automatically if it finds a 
    <title>
    tag in the response
  • b
    Thank you! Works perfectly. Official documentation does not says such hints :)
  • m
    documentation is for the weak!
  • m
    also, please contribute to the documentation
  • c
    Hi guys! is there anything wrong with this syntax 
    hx-trigger='change from:#usageDetailForm select'
    ?
  • c
    I get 
    htmx:syntax:error
    when I use this
  • m
    what are you trying to say there?
  • c
    @User I would like a form to do an hx-get when the value of a child select changes
  • c
    as I understand the docs the 
    from
    modified accepts a css selector and it does except when a space character is part of the selector
  • c
    Ive tried variations such as 
    from:"#formID select"
    to no avail
  • c
    but 
    from:select
    works but that results in the form being triggered by any select on the page
  • g
    found what i believe to be the relevant code
    Copy code
    js
} else if (token === "from" && tokens[0] === ":") {
    tokens.shift();
    var from_arg = consumeUntil(tokens, WHITESPACE_OR_COMMA);
    if (from_arg === "closest" || from_arg === "find") {
        tokens.shift();
        from_arg +=
            " " +
            consumeUntil(
                tokens,
                WHITESPACE_OR_COMMA
            );
    }
    triggerSpec.from = from_arg;
}
  • c
    So this means no space or commas allowed (in its current incarnation)
1...614615616...1146Latest