Season 1 · Episode 6
Bonus: A real-world example of using hx-swap-oob
January 22, 20244m 49sbonus
Audio is streamed directly from the publisher (media.transistor.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
How to load a bunch of links to the after the page loads and place them anywhere you want with hx-swap-oob
On site:
<div hx-get="/load-podcast-links" hx-trigger="load"></div>
In response:
<div id="placement-1" hx-swap-oob="true">Placement 1 text and link</div>
<div id="placement-2" hx-swap-oob="true">Placement 2 text and link</div>
<div id="placement-3" hx-swap-oob="true">Placement 3 text and link</div>
.....
Topics
htmx javascript programming laravel livewire minimalism coding html simplicity