https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • a
    var promptQuestion = getClosestAttributeValue(elt, "hx-prompt"); if (promptQuestion) { var promptResponse = prompt(promptQuestion); // prompt returns null if cancelled and empty string if accepted with no entry if (promptResponse === null || !triggerEvent(elt, 'htmx:prompt', {prompt: promptResponse, target:target})) { maybeCall(resolve); endRequestLock(); return promise; } }`
  • a
    guessing it then would have to be done as a custom hx attribute, is that supported?
  • a
    seems I've hit a dead end, I think id need to PR htmx and add a htmx:beforePrompt and htmx:beforeConfirm to hook it properly
  • a
    testing this theory
  • f
    @astonishing-teacher-48635 wrap text in single backticks ` to highlight single line code or multiple lines of code in three backticks ``` to make it more readable *`*single line*`* = 
    single line
    *```*multi line with indentation*```* =
    Copy code
    multi
     line
         with indentation
  • a
    was breaking the enter key, works with the edit
  • m
    You can use a boost and set an hx-target. The default is 
    body
    but you can target anything.
  • m
    let me look if there's a spot to hook in
  • m
    that won't make the code impossible(er) to understand
  • a
    @mysterious-toddler-20573 i think the main issue is confirm() and prompt() are blocking
  • a
    where as sweetalert is not
  • a
    i was able to trigger a beforeConfirm and beforePrompt event and hook it in the extension properly
  • a
    Copy code
    var confirmQuestion = getClosestAttributeValue(elt, "hx-confirm");
            if (confirmQuestion) {
                if (!triggerEvent(elt, 'htmx:beforeConfirm', {confirm: confirmQuestion, target:target})) {
                    maybeCall(resolve);
                    endRequestLock()
                    return promise;
                } else {
                    if(!confirm(confirmQuestion)) {
                        maybeCall(resolve);
                        endRequestLock()
                        return promise;
                    }                                        
                }
            }
  • m
    yep
  • m
    we need a way to make this async-friendly
  • a
    yup
  • m
    I'd like to find an existing callback so we don't have to add more
  • m
    where we can hook this in
  • m
    looking at the trigger spec now
  • m
    many an event there where you can re-wire the handler somehow to go through your own code
  • a
    is it possible to create custom hx- attributes?
  • m
    you can
  • m
    but you need the right shape of events to do this right
  • a
    so i could do soemthing like
    Copy code
    <button hx-ext="htmx-swal" hx-post="/q" hx-swal-confirm="do you accept?">
  • m
    Yeah, man, this is america jack, you can do whatever you want.
  • m
    However, as this is america, it will usually not work right.
  • m
    we need a place where async can work w/o needing to completely rework the code.
  • m
    I'm thinking.
  • g
    thats interesting... what's the use case for that?
  • m
    If you want all your links to replace 
    <main/>
    , for example
1...881882883...1146Latest