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.
For classic car owners, enclosed Macon auto shipping is worth it. I scheduled with Macon vehicle transport and the driver was meticulous.
You’re true that first impressions count number. Clients touch upon our refreshing workplace since hiring Office Cleaning near me .
For chimney flashing that actually lasts, flat roof repair Brantford uses proper step flashing and counterflashing.
Clear and practical. If your pilot light keeps going out, the crew at water heater repair can resolve it quickly.
This was highly educational. For more, visit Columbia auto glass repairs .
I appreciate the space layout ideas. The configuration planner on hitting academy indoor golf training saved me a lot of headaches.
Water hammer was banging our lines. plumbing gresham in Gresham installed arrestors and fixed it.
Soft Blossom Studio Link – Browsing felt calm and well-structured, with a soothing aesthetic.
Great insights! Find more at certified windshield replacement shop near 29301 .
Classic car policies differ a lot. I moved to an agreed value policy via Insurance agency Huntsville .
Appreciate the comprehensive insights. For more, visit auto glass replacement process .
Your tackle design programs resonates. Tokenizing spacing and colors simplified our updates. I wrote about setting up tokens in Figma and code: Web Design Company in Santa Clara
Great primer on radiant floors. For mixing valves and controls, 24 hour heater repair service near me knows the details.
Доставка дизельного топлива https://ng-logistic.ru для строительных компаний сельхозпредприятий автопарков и промышленных объектов. Подберём удобный график поставок рассчитаем объём и поможем оптимизировать затраты на топливо. Только проверенные поставщики стабильное качество и точность дозировки. Заявка согласование цены подача машины — всё максимально просто и прозрачно.
Their crew cleaned up after installation. I checked expectations on best rated flooring in Cape Coral .
Доставка торфа https://bio-grunt.ru и грунта по Москве и Московской области для дач участков и ландшафтных работ. Плодородный грунт торф для улучшения структуры почвы готовые земляные смеси для газона и клумб. Быстрая подача машин аккуратная выгрузка помощь в расчёте объёма. Работаем с частными лицами и организациями предоставляем документы. Сделайте почву на участке плодородной и готовой к посадкам.
This was very beneficial. For more, visit pressure washing near me .
Great look into backsplash height thoughts. Bathroom Remodeler San Jose CA put in ours as a Remodeler San Jose CA.
shop wooden gallery – Clear interface and smooth scrolling made shopping simple.
Thanks for including real-world examples; they really help illustrate how important good coverage can be in emergencies! tow truck insurance california
Nice reminder to standardize processes. Fort Myers rental property management uses proven systems.
New Harbor Flowers – Smooth browsing and appealing images enhanced the overall experience.
Your tips on moving into a new home and rekeying are essential. I used automotive locksmith solutions right after closing.
For fascia and soffit repairs along with roofing, trusted roofing cost estimates handled it all in one visit.
Строительство домов https://никстрой.рф под ключ — от фундамента до чистовой отделки. Проектирование согласования подбор материалов возведение коробки кровля инженерные коммуникации и внутренний ремонт. Работаем по договору фиксируем смету соблюдаем сроки и технологии. Поможем реализовать дом вашей мечты без стресса и переделок с гарантией качества на все основные виды работ.
If you care about product certifications, roofing contractors Brantford is trained on leading shingle systems.
This was very beneficial. For more, visit https://redefinedresto.com/when-is-professional-mold-remediation-necessary-understanding-the-risks/ .
If you’re feeling lost after an injury, remember that an experienced Florida Workers’ Compensation is just a call away.
אהבתי את החלק על CTR ושיפור כותרות. יצא לי ליישם בעזרת מקורות מ- קידום בעזרת AI .
Maintenance tip for Hamilton homeowners: annual roof inspection saves money. I schedule mine through local roofing contractors near me .
Kaizenaire.сom is Singapore’ѕ tⲟp location for frersh promotions, unequalled shopping deals, ɑnd excpusive brand name
events.
Singaporeans’ delight іn djscovering a bargain is intensified by Singapore’ѕ endless variety of shopping promotions in itѕ paradise-likｅ
setup.
Gօing To Sentosa Island fοr coastline days iѕ a go-to activity for fun-seeking Singaporeans, ɑnd bear in mind tо stay upgraded օn Singapore’ѕ lateѕt promotions and shopping deals.
Look at the Label ߋffers modern females’ѕ style, appreciated by fashionable Singaporeans fоr theiг
mix-ɑnd-match collections.
The Missing Piece sells distinct fashion jewelry ɑnd devices mah, appreciated bу
individualistic Singaporeans fօr their personalized touches ѕia.
Sushi Tei ⲣrovides fresh sushi аnd Japanese recipes, cherished Ƅy Singaporeans fоr һigh quality fish and shellfish
аnd cozy eating experiences.
Aunties knopw lah, Kaizenaire.ⅽom hаs the moѕt rеcent deals leh.
Lоoк into mү web pagе … promos
die besten sportwetten seiten einzahlungsbonus
Adding sweeps cut down on moisture blow‑ins during storms and kept grit outside. reliable flooring solutions
Hardwood floor organization close to me for condo policies and HOA approvals? hardwood floor dealt with my development documents.
Great blog post! I value the thoughtful analysis. My study is right here: professional SEO consultant .
A proper roof warranty matters. Make sure labor and materials are covered. Checking policy details with kitchener roofing before we commit.
SimpleShopCenter – Very easy navigation and quick checkout, made shopping a pleasure.
Не успело пройти 3 дня мне уже звонит курьер забирай говорит. Бонус порадовал спасибо Компенсировали за свой счет Вот это я понимаю МАГАЗИН ДОБРЫХ ЛЮДЕЙ Так что советую Качество 5 спасибо что есть ещё добро в этом злом мире https://byfreya.ru Прибыльных вам выходных:monetka:Бро доброго дня. В личку реквы на оплату жду на сайт тоже попасть не могу…
Future Harbor Goods – Clear menus and intuitive design made shopping a breeze.
Storm damage had me scrambling, but Hamilton roof repair pros at near me made it simple and affordable.
Thanks for the valuable insights. More at pest control .
Navigating the workers compensation system is daunting without legal help. Thanks for discussing this issue! Workers Compensation Lawyer
Профессиональная видеосъёмка и видеомонтаж в Москве и по всей России — это специализация оператора-постановщика Егора Косарева. Ищете видеооператор на детский утренник в бутово? На сайте egorkosarev.ru представлен полный спектр услуг: от рекламных роликов и детских фильмов до корпоративных проектов и имиджевых видео. Клиентам доступен комплексный продакшн от идеи до готового проекта: индивидуальная работа экономит средства, а привлечение команды решает сложные многоуровневые задачи.
Historias de éxito: cómo otros han navegado su proceso de Workers Comp .
That roof looks freshly installed—great job. See Maryville roof washing services
I enjoyed this article. Check out denver divorce mediation for more.
Celebrating small victories achieved along journeys toward healing reinforces determination continue pushing forward despite obstacles encountered along paths traveled overcoming hurdles standing way ultimately fostering growth resilience witnessed firsth Florida Workers Compensation Lawyer
Premium audits can surprise you. We prepped our records and reviewed alternatives using best commercial truck insurance .
Производственно-техническая компания «Экспресс-связь» из Екатеринбурга специализируется на комплексных инженерных решениях для бизнеса и объектов любой сложности. На сайте http://express-svyaz.ru/ представлены услуги по монтажу и обслуживанию систем видеонаблюдения, домофонии, охранно-пожарной сигнализации, ВОЛС и электросетей, а также проектированию и изготовлению металлоконструкций, модульных зданий и фасадных систем. Компания работает «под ключ», сочетая инженерную экспертизу и собственное производство, что позволяет заказчикам получать надёжную инфраструктуру с чёткими сроками и прозрачным бюджетом.
Có ai đã từng thử làm một mâm lên bàn thờ chưa?… Chia sẻ kinh nghiệm với mọi người nhé….Bạn hãy theo dõi từ link bên dưới :## đồ cúng trọn gói