If you are (perhaps wisely) not a webgeek, you can ignore this. Or read the note at the end.<\/p>\n
So I learned today that Firefox has this security thing about iframes and their sources.The gist is, when the iframes go to the same domain, (preferably the one where your page already is), life is copacetic. If you (like me) want to embed content from two different domains (say, google calendar and an indiegogo project), it looks<\/em> like it’s going to be easy. Both sites have this simple “embed this” feature: you click an embed button, it gives you a bit of code, you add that to your own page’s code, and it all works well.<\/p>\n Well, if you are using Opera. Or Chrome. Not so, Firefox! (I usually save testing IE and Safari and mobile ’til the easy three are sorted).***<\/p>\n And for whatever reason, although I could easily find both jQuery and javascript solutions, I (embarrassingly) could not make them work.<\/p>\n But lo! I am not blathering on just to tell you my failings! I came across a tiny reference to essentially making fake-frame pages. I hope you never need to know this or you have better solutions and they all take you less time. But it goes likes this:<\/p>\n On the page with two frames, I sourced two files on the same domain as the one that wanted to show them:<\/p>\n Then in file1.html I used the provided code from clicking those embed buttons (in a regular HTML5 page with as little stuff in head and body as I could manage):<\/p>\n and in file2:<\/p>\n Plus the usual styling and whatnot both within file1 and file2, and on the original page. Which one leaves as an exercise for the reader.<\/p>\n This is clearly slower<\/em> than scripts. And someday, when I have more time, I hope to revisit this and do it much more elegantly.<\/p>\n * For those my readers who are perhaps wisely not webgeeks, some web pages have blocks (inline frames subwindows, or iframes) in which some or all of other web pages are shown You see these _all_ the time in one way or another, and when everything is rolling well, you barely notice they are bits of different sites owned, operated,managed and so one by completely different people.<\/span><\/p>\n ** Popups are like the spices you don’t like. Very occasionally they can be used sparingly to nice effect.<\/span><\/p>\n *** Safari was fine. IE had its own issues. This particular client site just will never bee great on mobile until they get a grant to redo the whole architecture from the ground up…<\/span><\/p>\n","protected":false},"excerpt":{"rendered":" If you are (perhaps wisely) not a webgeek, you can ignore this. Or read the note at the end. So I learned today that Firefox has this security thing about iframes and their sources.The gist is, when the iframes go to the same domain, (preferably the one where your page… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[193,214],"tags":[215,217,216,218,205],"class_list":["post-304","post","type-post","status-publish","format-standard","hentry","category-natter","category-webbish-workings","tag-code","tag-firefox","tag-iframe","tag-quirk","tag-web-development"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pakBUO-4U","jetpack-related-posts":[{"id":956,"url":"https:\/\/www.metasilk.com\/wd\/another-bird-stamp\/","url_meta":{"origin":304,"position":0},"title":"Another bird stamp","author":"Kir","date":"27 May 2019","format":false,"excerpt":"This owl came together really quickly. It was easy to carve, which sort of surprised me. \u00a0I think I\u2019m learning how to do this properly.If you missed previous posts about this month's obsessions, click the stamp hashtag. OK, maybe it started before this month.... **chuckle**Oh, and I made a packet\u2026","rel":"","context":"In "Art"","block_context":{"text":"Art","link":"https:\/\/www.metasilk.com\/wd\/category\/art\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1300,"url":"https:\/\/www.metasilk.com\/wd\/terns\/","url_meta":{"origin":304,"position":1},"title":"Terns","author":"Kir","date":"16 October 2022","format":false,"excerpt":"Some friends commissioned me to make art as part of their celebration of their 35th anniversary and their recommitment ceremony. I\u2019ll share with you some of the bits, then the whole thing.I wound up making a bit of a painted quilt: 9 3\u201dx3\u201d watercolors with one wider item, all mounted\u2026","rel":"","context":"In "Art"","block_context":{"text":"Art","link":"https:\/\/www.metasilk.com\/wd\/category\/art\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.metasilk.com\/wpages\/wp-content\/uploads\/eeac73e10577d0add334d300e63c8be8.jpg?fit=820%2C826&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.metasilk.com\/wpages\/wp-content\/uploads\/eeac73e10577d0add334d300e63c8be8.jpg?fit=820%2C826&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.metasilk.com\/wpages\/wp-content\/uploads\/eeac73e10577d0add334d300e63c8be8.jpg?fit=820%2C826&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.metasilk.com\/wpages\/wp-content\/uploads\/eeac73e10577d0add334d300e63c8be8.jpg?fit=820%2C826&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":980,"url":"https:\/\/www.metasilk.com\/wd\/mystery-mail-for-july-old-art-new-tattoos\/","url_meta":{"origin":304,"position":2},"title":"Mystery Mail for July \/\/ Old art, new tattoos?","author":"Kir","date":"27 August 2019","format":false,"excerpt":"I've been wanting to experiment with temporary tattoos for a while. I used some older (probably pretty familiar to you now) vivid drawings and paintings\u2014I've been doing so much linework and black and white work that I didn't have new dragons for this yet.\u00a0I used Silhouette temporary tattoo paper, an\u2026","rel":"","context":"In "Art"","block_context":{"text":"Art","link":"https:\/\/www.metasilk.com\/wd\/category\/art\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1873,"url":"https:\/\/www.metasilk.com\/wd\/sketchbook-kenku\/","url_meta":{"origin":304,"position":3},"title":"Sketchbook \/\/ Kenku","author":"Kir","date":"22 November 2024","format":false,"excerpt":"My friend's kid was a Kenku for Halloween one year. I didn't know what that was, so if course I looked it up.And then had to draw one in my style...(Duplicate image for easy transfer to my blog one of these days)","rel":"","context":"In "Art"","block_context":{"text":"Art","link":"https:\/\/www.metasilk.com\/wd\/category\/art\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.metasilk.com\/wpages\/wp-content\/uploads\/d334f975fd51663d8b1fe75b264f6030.jpg?fit=711%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.metasilk.com\/wpages\/wp-content\/uploads\/d334f975fd51663d8b1fe75b264f6030.jpg?fit=711%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.metasilk.com\/wpages\/wp-content\/uploads\/d334f975fd51663d8b1fe75b264f6030.jpg?fit=711%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.metasilk.com\/wpages\/wp-content\/uploads\/d334f975fd51663d8b1fe75b264f6030.jpg?fit=711%2C1200&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1995,"url":"https:\/\/www.metasilk.com\/wd\/sketchbook-cats-and-windows\/","url_meta":{"origin":304,"position":4},"title":"Sketchbook \/\/ cats and windows","author":"Kir","date":"26 September 2025","format":false,"excerpt":"Life drawing when the life keeps moving!We have two gray tabby cats. Sometimes it's easy to tell them apart, sometimes not so much. Trying to draw their stripes certainly offers practice!Charm is bigger and darker than Zelda, but you can't tell from these sketches. This is Zelda looking at us.","rel":"","context":"In "Art"","block_context":{"text":"Art","link":"https:\/\/www.metasilk.com\/wd\/category\/art\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":933,"url":"https:\/\/www.metasilk.com\/wd\/sketchbook-leprechaun-2200\/","url_meta":{"origin":304,"position":5},"title":"Sketchbook \/\/ Leprechaun ~2200","author":"Kir","date":"1 April 2019","format":false,"excerpt":"In the future, what will the leprechauns be doing? Will they have companions?What will Ireland be like in 200 years? Will there be different plants? Different rainfall patter?Will people still seek treasures at the end of the rainbow? That one, I think, will be easy to answer...\u2014\u2014\u2014Previous leprechauns:~800-1000, with hedgehog\u2026","rel":"","context":"In "Art"","block_context":{"text":"Art","link":"https:\/\/www.metasilk.com\/wd\/category\/art\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/posts\/304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/comments?post=304"}],"version-history":[{"count":2,"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/posts\/304\/revisions"}],"predecessor-version":[{"id":306,"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/posts\/304\/revisions\/306"}],"wp:attachment":[{"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/media?parent=304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/categories?post=304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.metasilk.com\/wd\/wp-json\/wp\/v2\/tags?post=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<iframe src=\"file1.html\"><\/iframe>\r\n<iframe src=file2.html\"><\/iframe><\/pre>\n
<iframe src=\"src=\"https:\/\/www.google.com\/calendar\/embed?show...\"><\/iframe><\/pre>\n
<iframe src=\"http:\/\/www.indiegogo.com\/project\/monkton-road-wildlife-crossing\/widget\"><\/iframe><\/pre>\n
\n