https://htmx.org logo
Powered by
# htmx-general
  • l
    This exposes a problem with Django messages. They're stored in a session, and handled by middleware. So if you have two tabs open (thus, same session), you can get the messages from one request appearing in the other tab.
  • l
    Not a huge problem (and not htmx's problem)
  • h
    I'll show you how I'm doing it and although possible I don't think it's likely
  • h
    Sorry on phone
  • l
    All good, thank you.
  • l
    Can it be done with the HX-Trigger response header? https://htmx.org/headers/hx-trigger/
  • h
    it could but I think my way is cleaner
  • h
    I'm gonna move it to django-htmx incase others there find it helpful
  • g
  • g
    @mysterious-toddler-20573 says something like this, an "Fortuante Son" starts playing in the background...
  • h
    I also wanted to say for the record that I ended up using petite vue as my frontend library and I really like how it plugs in w/ htmx
  • h
    I can send over html fragments with frontend template placeholders, and it will turn them reactive as soon as it hits the dom
  • h
    so places where I truly need some kind of js componenty stuff I can return an html fragment like
  • h
    Copy code
    <div v-scope="Counter({ initialCount: 10 })" @mounted="mounted">
        <p>${ count }</p>
        <button @click="inc">increment</button>
      </div>
  • h
    and it becomes a first class js component as soon as it's loaded
  • h
    I can't really figure out where I need this other than frontend form field validation tbf but it's nice to have
  • g
    I tried that variation and get this error in console. "Don't know how to put a value into object"
  • m
    🤔
  • m
    Copy code
    applescript
  on mouseover
     fetch /view/75 then
     put it into the #oc-body's innerHTML 
     call oc.show()
  • m
    try that, what version of hyperscript are you using?
  • g
    Still get the same error - using version 0.8.2. Just tried it with 0.8.3 with same results with or without the "the".
  • m
    will put up a js fiddle in a bit
  • m
  • g
    Well finally found the problem and maybe a good thing as it shows how the console message didn't give us much of an idea what was wrong. In my html target div I had typed in ic="oc-body" instead of id="oc-body" - 😩 so the target didn't exist.
  • b
    Hi, when canceling hx-confirm, how can I cancel propagating the event to other listeners?
  • g
    That would be in straight Javascript. I know 
    .cancelBubble()
    does that. Hyperscript (sorry, _hyperscript) also has a command for this called 
    halt
    .
  • b
    And is it possible to combine this with hx-confirm?
  • g
    Yes it should be. I can’t see the code right now, but htmx works great with events. So if you cancel it before it goes anywhere else, it’ll be stopped.
  • g
    You might dig under the hood to look at the htmx source to confirm. Or, post a sample of the code you’re using and I can look later 🤓
  • b
    Here's my example, with _hyperscript I arrived at a solution:
    Copy code
    html
<a class="btn btn-xs btn-danger"
   hx-delete="{{ object.get_delete_url }}"
   {% comment %} hx-confirm="Deseja realmente excluir este item?" {% endcomment %}
   hx-trigger="loader:show"
   _="on click
        call confirm('Deseja realmente excluir este item?')
        if result trigger loader:show">
     <i class="fa fa-trash-o" aria-hidden="true"></i> Delete
</a>
1...442443444...1146Latest