Listen "Htmx response headers: HX-Trigger, HX-Trigger-After-Swap, HX-Trigger-After-Settle"
Episode Synopsis
Use this response header to send event trigers to ANY client side browser event (javascript, htmx, custom, etc)HX-Trigger - as soon as response receivedHX-Trigger-After-Swap - after new html is swapped inHX-Trigger-After-Settle - after new html is settled and processed by browsersingle eventHX-Trigger:eventmultiple eventsHX-Trigger:event1, event2 single event with valueHX-Trigger:{“event1”:”event 1 message”} single events with key/value dataHX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}}multiple events with key/value data HX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}, “event2”:{“key1”:”value1,”key2:”value2”}}
More episodes of the podcast hx-pod
Thinking strategically about your career
04/11/2025
Hypermedia in the wild
26/09/2025
3d and flappy bird htmx
05/09/2025
Htmx extension: response-targets
29/08/2025
Big Sky Dev Con 2025
19/08/2025
Htmx extension: preload
07/08/2025
Htmx extension: idiomorph
01/08/2025
Htmx extension: htmx-1-compat
30/07/2025
Htmx extension: head-support
28/07/2025
ZARZA We are Zarza, the prestigious firm behind major projects in information technology.