Yesterday I was working on a site that needed an iframe embedded in the page whose content came from a completely different domain. I try to steer clear of iframes at all costs normally so forgive me if what I’m about to say is pretty obvious.
I didn’t want the content in the iframe to appear as though it was in an iframe, so obviously I stripped off all the default browser styles…well, the border. I wanted the iframe to be as high as the content it was containing so that no scroll bars would appear.
So what I did was just give the iframe a height, however when the user navigated to a different page within the iframe, the height I had previously set was too big or too small.
I instantly thought “right, JavaScript will sort this out for me!” and proceeded to quickly code up a function that would inspect the scrollHeight of the content in the iframe and adjust the iframe height accordingly.
No! Said cross domain policy. I had momentarily forgotten all about that. Since the iframe content came from a different domain, I wasn’t allowed to access the document object of the iframe (or vice versa).
Firefox says “Error: Permission denied to access property ‘document’” and other browsers similar.
I started searching for some kind of workaround. Of course there isn’t really one…except I did find an interesting hack for Firefox. Which is – an iframe document can alter the url fragment of the parent window’s location object! ha madness.
The idea is that the document in the iframe alters the url fragment to read:
http://freestyle-developments.co.uk/blog/?p=150#138
Where 138 is the height of the iframe document (obviously you could be a bit more fancy and send other parameters and name them e.g #height:138 but for simplicity I’ve just set the value). The parent then reads this value and sets the iframe height accordingly:
var iFrameHeight = parseInt(location.hash.replace('#', ''));
So…yeah, that’s pretty interesting, but not really a solution. Check out the example implementation here.
Anyway, what to do? HTML5 web messaging to the rescue! Sweet! HTML5 web messaging is cross domain messaging done right. Not only does the messenger choose who should receive messages, but the recipient also chooses who to receive messages from.
The idea is that after the iframe document has loaded, it sends a message to the parent window telling it what it’s scrollHeight is. The parent listens for messages, and sets the height of the iframe when it receives a message.
A couple of things to note:
- There has to be communication between the two documents. i.e. the document on the external domain needs to actively send this message. Which can be a complete show stopper if you have no control over the document on the external domain
- This isn’t going to work on IE < 9. I tested the implementation linked below is working on FireFox 4 (Beta 7), Safari 5.0.2, Chrome 8, Opera 10.63 and Internet Explorer 9 Platform Preview 7. Which is a pretty good spread to be honest
Check out the example HTML5 web messaging implementation here.
Автором книг является человек который создает литературные произведения такие как романы рассказы или стихи. Чаще всего таких людей называют писателями поэтами или литераторами. Mitwirkende— это создатель произведения чьим творческим трудом оно создано
Thanks for the clear breakdown. More info at colchones para verano e invierno .
Choosing between re-roofing and a full replacement? The Hamilton roofers at hamilotn roofing explained the pros and cons clearly.
The transformation stories you shared are incredible motivation for anyone looking to remodel their kitchen—check out more at Custom Kitchen Cabinet Makers In Los Angeles !
I enjoyed this article. Check out 24/7 emergency gutter repair Clare for more.
fashiontrendhub – Really easy to locate trendy products, shipping was smooth and reliable.
For a sophisticated date night, I sifted through Charleston romantic restaurants on fine dining near me .
My chiropractor visits were questioned until the lawyer tied them to the MRI findings. Thompson Law
“For any business owner still unsure about making the switch, I highly recommend doing thorough research on its positive impacts.” Solar energy systems provider southern california
Searching for an electrician near me? You can’t go wrong with Pure Energy Electrical Services in St Augustine – they provide exceptional service every time! electrician
Needed late check-in after a long drive; best hotel in lovina D kaialsh Retreat listed flexible options.
Such practical and straightforward advice – love it ! # # anyKeyWord ## Affordable Roofing Services
BrightRoot Goods Shop – Fast loading and well-structured, making it easy to explore items.
This article made me have an understanding of how generally roofs should still essentially be inspected in Burlington! More hints accessible at best roof repair options .
seoigniter.click – Bookmarked this immediately, planning to revisit for updates and inspiration.
The touch-up advice is solid. Aftercare mistakes to avoid listed at botox Greensboro helped me.
Navigating special registration was easy with Lassila Agency’s assistance. Much more at insurance broker .
I found out not to lie down for 4 hours after injections from botox NC —good to know!
I’ve seen a lot of chatter about Stake Casino bonuses in Canada, and honestly, the player experiences seem pretty mixed once you dig past the hype casino bonus transparency
На прошлой неделе в среду был оплачен заказ вот уже среда следующей недели праздники прошли в скайпе они пока что не появлялись. Пологаю что магазин загулял. https://strana41.ru Ну я хозяину ветки в лс отписал.посмотри что да как будет.Мир братья.Липецких нех обманывать
bestbrightfinds – Excellent variety of deals, ordering process was simple.
Great points made throughout this piece! Anyone considering a surrogate mother should check out riverside surrogate requirements .
Storm damage? Custom Contracting Roofing & Eavestrough Repair helped with insurance photos and repairs. Contact them through licensed roofing contractors .
1. Look, dealing with spiders has been a nonstop battle for me. Has anyone used Hawx for spiders specifically? Curious if they actually make a difference because I’m ready to try something new!
2 https://spark-wiki.win/index.php/How_Long_After_Hawx_Spray_Are_Pests_Actually_Gone%3F
1. Man, I love how fast Stake handles withdrawals. Literally requested a payout last night and had my money this morning. No complicated hoops to jump through. That kind of speed keeps me coming back for sure!
2 Stake vs Roobet
1. Honestly, I’ve been playing on Stake for a few months now, and the fast withdrawals really make a big difference. Like, I just cash out, and usually within minutes it hits my wallet — no weird delays https://bbarlock.com/index.php/When_a_Watermark_Broke_the_Rules:_How_Stake%27s_Viral_Reposts_Upended_VIP_Progress_Calculations
1. Look, as a busy parent juggling work and kids, I seriously appreciate how Taylor Farms makes healthy eating so easy. Their salads are not only fresh but also super tasty, which makes lunchtime way less stressful https://blast-wiki.win/index.php/Single-Serve_Mini_Kits_for_Quick_Meals:_How_Taylor_Farms_Kits_Changed_My_Weeknight_Cooking
This was quite helpful. For more, visit tricólogo Albacete .
Interesting update on the new vertical farming tech. It’s promising how they’re cutting down land use, but I’m curious about their energy consumption. Sometimes the electricity needed for indoor farms can offset those environmental gains https://wiki-byte.win/index.php/Keep_Taylor_Farms_Salad_Fresh_Longer:_A_Scientific,_Practical_Playbook
1. Ugh, I totally feel you on the recurring pests! We had ants coming back every few weeks no matter what we tried. What really frustrated me was getting a bill with charges I didn’t understand, and then nobody would explain what those extra fees were for local yard pest control
1. Here’s the deal: hitting $2.2 billion in revenue really underscores the strength of the UK market. What’s interesting is how much the regulated environment seems to boost player confidence and long-term growth for operators https://atomic-wiki.win/index.php/How_LeoVegas_Uses_Its_Malta_Gaming_Authority_License_to_Serve_Canadian_Provinces_Outside_Ontario
If your downspouts are pooling water near the foundation, it’s a red flag. We’re planning extensions and new troughs— roofing kitchener looks like a solid local option.
Before diving into Stake Casino from Canada or the US, it’s crucial to look beyond the flashy interface ways to strengthen backlink authority
1. Look, I’ve always been a bit skeptical about lip scrubs but after trying one from Lush, I’m a total convert! It seriously makes a difference. Which lip scrub brand do you recommend for someone with sensitive skin?
2 Go here
Let’s keep supporting one another while learning continuously because knowledge truly empowers innovation!!! ## SEO Expert San Francisco CA
Thanks for the useful suggestions. Discover more at trichoscan .
This was nicely structured. Discover more at elderly care management .
Discussions surrounding coping mechanisms help normalize feelings experienced after traumatic incidents occurred allowing healing journeys commence naturally over time without stigma attached afterwards ! Biohazard Clean Up
For practical tips on end-of-life arrangements, review information on ## probate attorney orange county
The team at Pristine Portables went above and beyond to make sure our rental units were immaculately clean and delivered on time. portable toilets for rent
Finding the right SEO Marketing Seattle WA in Seattle WA has transformed my website traffic. Highly recommend their services!
This is such valuable information for anyone hosting an outside event! Think about utilizing porta potty rental for portable toilet leasings.
Appreciated the guidance on sales tax. For full-service accounting, london taxes has been dependable.
Happy to learn about reliable options right here in Cork; will definitely recommend your services to others!! Commercial roofing
The way you’ve structured this content makes it easy even for novices—we need more resources like this out there!! cheap truck insurance california
This article really opened my eyes about roofing options in Illinois! Excited to explore what Roofing Contractors Illinois offers.
Shoutout to an incredible nearby law firm # that goes above and beyond for their clients—thank you!
They exceeded and beyond when setting up our restroom facilities– thank you # # anybody ##! porta potty rental
It’s amazing just how much of a distinction excellent facilities can make– thank you #shrt _ cdK # for your services! porta potties near me
Going through those intense rounds pushes me beyond what I thought was possible—I owe it all to consistent training and resources provided by boxing gym #!