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.
CoolSculpting fat freezing is a game-changer in the field of non-invasive fat reduction. Get the sculpted body you’ve always wanted with the help of American Laser Med Spa in Lubbock TX !
Good call on checking rest stop logs and receipts. car accident details how to use them.
Appreciate the detailed information. For more, visit plumber near me .
Appreciate the detailed insights. For more, visit movers santa cruz .
The emotional connection we have with precious jewelry is extraordinary. Whether it’s a family heirloom or a present from a loved one, each piece tells a story buy gold Denver
Explaining homestead restrictions for transfers was helpful. More scenarios at asset protection .
Convertible top care is specialized— ceramic coating connected me with a team that uses fabric-safe protectants.
The backlink audit steps were practical. Cleaning toxic links helped visibility. michelle’s design and SEO
Ironline Selection – Products arranged neatly, browsing feels easy and reliable.
DealSpotMarket – Products are neatly displayed, browsing is easy, and pages load quickly.
Interesting points. A Belgrade, Montana HVAC contractor can test for negative pressure issues in tight homes. HVAC contractor Belgrade Montana
This was highly educational. More at auto glass replacement .
The benefits of timely ##Gutter Repair## cannot be overstated; it saves you money in the long run. Gutter Repair Near Me
Tax thresholds change often; keeping trusts updated is key. I follow this page for estate tax and trust planning updates: trust planning
Evaluating successes learned guides future actions ensuring strategic planning aligns objectives established overall vision collectively achieved!! #anKeywords### tree removal near me
Your explanation of infiltration through cracked joints was easy to follow. expert sewer inspection services
Nothing beats the feeling of receiving new flags within the mail from your famous keep like trump flags for sale !
Living Joy Market – Fun, upbeat vibe with smooth browsing and neatly displayed products.
Love the focus on carbon monoxide safety. Get a CO test during your tune-up with heating contractors near me —safety first.
”Inspiring stories shared here remind us why taking control over our lives matters most” non-surgical liposuction
StarWay Corner – Easy navigation, boutique items look attractive, overall browsing smooth.
The hygienist was so thorough. If you’re in Ventura County, try the Best Camarillo Dentist. I got directions from dentist all on 4 .
“If you’re organizing an event this summer, remember that renting a waterslide can make all the difference—it was amazing here in Tampa!” # # anyKeword #” Pressure Washing Services Near Me Tampa Bay Pressure Washing
If you’re tired of hiding behind loose clothing, it’s time to try CoolSculpting. Visit non-surgical liposuction for inspiring before and after pictures that will ignite your motivation.
Great breakdown of the Best shade structure options for backyards. I recently compared pergolas vs. sail shades and found sail shades far easier to install for renters. If anyone wants a quick guide with pros/cons by budget, check out pergola builders .
From the moment I contacted them, they explained everything clearly and took the pressure off me. Their team in Kennewick is fantastic. best car accident lawyer
Digital nomad stationed in TO for a bit—need relief from tech neck. Found neck mobility drills on chiropractor in Thousand Oaks and plan to add chiropractic care.
The symbolism behind different tombstone shapes is fascinating! I enjoy learning about their meanings at Charlotte grave marker company .
Useful explanation of fixture trap weirs and why double-trapping causes problems. plumber near me corrects improper trap configurations.
Visiting a new city means checking out local indian restaurants first for their unique specialties ! top of india
My move across Allentown was super easy thanks to cheap movers Allentown. Long distance movers Allentown
Well said! The conclusion was especially strong. More ideas at car window repair Charlotte .
Lip filler for mature lips requires a different approach. Age-specific strategies at lip filler Orlando FL are insightful.
Smart idea to prefinish boards before install. For shop finishing, Charlotte deck company offers it.
API quota exceeded. You can make 500 requests per day. phoenix home remodeling address
Treating algae early avoids costly replacement. Learn more: Roof Cleaning
Betting on football might be a thrilling experience, especially when performed online. However , with the enthusiasm comes the responsibility to ensure that your current betting activities are safe سایت های شرط بندی فوتبال
Thanks for the clear breakdown. More info at movers near me .
Strong insight into tenant expectations— Property Management meets them consistently.
I agree that having a trustworthy HVAC contractor is essential. If anyone is in Pembroke Pines, don’t hesitate to reach out to my go-to expert! Air conditioning contractor
Appreciate the detailed information. For more, visit Orthodontist Delaware .
Аудиокниги стали неотъемлемой частью современной культуры чтения, позволяя наслаждаться литературой в дороге или во время домашних дел. Портал Audiomap.ru собрал тысячи бесплатных аудиокниг различных жанров — от романтического фэнтези до детективов и постапокалипсиса. Удобная навигация по тематикам помогает быстро найти произведение по душе: любовные романы, ужасы, юмористическую фантастику или образовательную литературу. Заходите на https://audiomap.ru/ и включайте интересную аудиокнигу прямо сейчас без регистрации и скачивания — достаточно выбрать произведение и нажать кнопку воспроизведения в браузере.
Appreciate the focus on safety. Enclosure integrity matters— Pool Cage Screen Repair Cape Coral can help with Pool Screen Repair.
Elite prostitutes – VIP escort from model girls VIP profiles of elite courtesans https://easyrust.ru Escort Services Agency – VIP Escort
Tenía ansiedad por el parto. Encontré apoyo emocional en pasos en el proceso de adopción
Промокод при регистрации в 1xbet сегодня. Этой акцией может воспользоваться каждый новый игрок при регистрации на сайте букмекера. Это ваше преимущество с начала. В форме регистрации есть необязательное поле для ввода кода. Как получить 1х бет промокод на фрибет. В магазине xBonus можно обменять баллы на коды 1xbet kz: для ординаров экспрессов или лотерей. Найти промокоды 1xbet можно на спортивных сайтах. Представители БК часто публикуют их к праздникам или турнирам. Все актуальные промокоды 2026 доступны в официальном разделе сайта и могут быть обменяны на бонусные баллы.
обов’язки медика роти
I’m glad with the clean aligners from Rock Hill Family Dentist in Rock Hill—gentle and discreet.
Outdoor treatments helped our yard. Does pest control fresno include perimeter treatments in their pest control Fresno plans?
This was very beneficial. For more, visit cash advances .