{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"hx-pod","title":"Bonus: A real-world example of using hx-swap-oob","html":"<iframe width=\"100%\" height=\"180\" frameborder=\"no\" scrolling=\"no\" seamless src=\"https://share.transistor.fm/e/88b4ba68\"></iframe>","width":"100%","height":180,"duration":289,"description":"How to load a bunch of links to the after the page loads and place them anywhere you want with hx-swap-oobOn 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>.....","thumbnail_url":"https://img.transistorcdn.com/HDMx2j8NsKr2kaFUaB8csw69snTIab1k7QGpslBA4_0/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS85YzY0/NTY5OTExYjljY2Ri/MTFlZjk3NDhlZWE0/ODUxOC5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}