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.
Kinh nghiệm thi công từ cập nhật giá bạt lót hồ cá thực sự làm tôi yên tâm hơn rất nhiều.
The value is tempting, yet I would like to examine assurance important points. I’ll dig into deciding to buy information on babish steel wok insights .
The local link building ideas are practical. We had seo company alexandria as our seo company secure community mentions.
Манифесторы — в проявлении инициативы после предварительного информирования окружающих. Как Дизайн Человека помогает в жизни? Стратегическое мышление. Как вести за собой команду в условиях неопределенности. Сообщайте прежде чем действовать: Успех Манифестора зависит от того насколько они могут проявлять инициативу не вызывая сопротивления. Стресс-резистентность и баланс. Как с помощью ДЧ найти себя и своё место в мире. Что отличает каждый Тип личности в Дизайне человека. Что делать если годы усилий не принесли желаемого. Постоянная занятость не гарантирует результата. На что опереться когда сложно? https://jyw-human-design-uwvk-ru-kem.hdea.ru
Türkiye’deki oyun tutkunları için dijital bir platform olan Alev Casino’yu https://alevturkey.com/ adresinden ziyaret edin. Nasıl kayıt olunacağını, nasıl oynanacağını, mevcut oyunları, hesabınıza nasıl para yatıracağınızı ve nasıl para çekeceğinizi ve platformun kayıt için sunduğu harika bonuslar hakkında bilgi edinin.
I appreciated this article. For more, visit mold removal near me .
Labeling by room and priority saved hours at delivery. I grabbed printable labels from Bowie moving companies .
бездепозитные бонусы за регистрацию в казино с выводом
I not too long ago made over my abode and determined the highest quality number at flooring store houston . Highly counsel for any person in Houston seeking out caliber floors!
Лидерский потенциал. Найти свой стиль управления и развить лидерские качества. Найдите сферу где ваши уникальные навыки будут признаны. Кто ты? Инструкция чтобы понять кто ты. Какой тип самый редкий в дизайне человека? Генераторы находят успех когда они делают то что приносит им удовлетворение. В работе ищите то что вас «зажигает» и следуйте этому. Что такое Дизайн Человека и как он может быть вам полезен. Дизайн человека не предсказывает будущее а помогает описать уникальную природу каждого человека. https://s-human-design-p-ru-ba.axbb.ru
The vehicle-shutoff saved my dinner once. I listed safeguard positive aspects at the Crux with truly-world examples: affordable Crux Air Fryer
Your article about avoiding common SEO mistakes is quite useful; find other tips at AI Consultant !
новые бездепозитные бонусы в казино 2020 вк quot
Great insights on material handling! For heavy coil operations, has anyone tried integrating industrial coil upender with their workflow?
Что делать если годы усилий не принесли желаемого. Что такое Дизайн Человека и как он может быть вам полезен. Проекторы находят успех в руководстве и управлении. Как найти свои сильные и слабые стороны в бизнесе. Найти свой стиль управления и развить лидерские качества. Как с помощью ДЧ найти себя и своё место в мире. Найдите сферу где ваши уникальные навыки будут признаны. На что опереться когда сложно? Хочешь узнать какая ты на самом деле? При помощи анализа своего дизайна люди развивают сильные стороны и прорабатывают слабости чтобы достичь личностного роста и развития. https://aan-human-design-t-ru-bry.hdau.ru
Good reminder to check water backup coverage. I increased limits after reading Ivy Fields-Releford – State Farm Insurance Agent .
I love how dentists can transform smiles! It’s truly an art and a science combined. Cosmetic Dentistry
Have you ever thought about smart technology in your cooking area? Incorporating it with your luxury vinyl flooring installation cabinets could improve both design and capability.
Loved the section on caregiver training. Short online modules from home care for parents boosted our skills quickly.
I’m curious about which types of fertilizers work best for specific trees—any ideas? google.com
I love how some people use artistic elements within their designs when considering automated barriers. Automatic Swing Gates Rotherham
Your note on caregiver burnout resonates. respite care helped us transition from home care to assisted living smoothly.
Financial assistance options are confusing. elderly care explains veterans’ benefits, long-term care insurance, and more.
Вообще то дажббер в рабочее время всегда в сети и все кто оплачивал и делал заказ получили треки. купить Мефедрон Бошки Марихуану Из 6 операторов именно оператор этого магазина отвечал быстрее и понятнее всех остальных. Я увидел здесь хорошееграмотное отношение к клиентам сразу видно человек знает свою работу.Я неделю вторую жду треккогда заработает
There seems various incorrect information about nangs on line; what’s the fact? Let’s explain matters at the same time at nang delivery melbourne !
For new patients entering this realm: What advice can seasoned veterans share regarding navigating through initial phases comfortably?” ## Teeth Retainers
Voice settling on vs. RF—just right comparison. We blended both and tied them to Warehouse management system consulting to maximize flexibility according to area.
Isn’t it marvelous how adaptive younger minds shall be while faced with new challenges or reports ? It’s truely brilliant gazing them grow on daily basis ! ### anyKeyWord### infant child care
Wild Spire Treasures Online – Smooth interface and well-laid-out categories helped me locate products easily.
So glad I stumbled upon this article today—as someone who frequently deals with clogged pipes, it’s invaluable information—additional tips await you on: drain unblocking near me !
Loved the focus on family involvement; resources at Alcohol Recovery can guide loved ones.
For landlord needs, lock repair is reliable for quick rekeys between tenants.
Journey Builder – Smooth experience overall; messages felt authentic and helpful.
Your explanation of ADLs and IADLs makes planning much easier. best elderly home care
EverMaple Crafts Catalog – The site’s clean look made checking through items quick and effortless.
Workers compensation laws can vary so much; it’s good to know the specifics for my state now! Worker Injury Lawyer
Code Promo 1xbet Senegal offre un bonus inscription 1xBet de 100 jusqua €130 sur les paris sportifs ainsi quun bonus de casino de €1950 avec 150 tours gratuits. Grace au code promo 1xbet vous beneficiez davantages comparables aux plus grands bookmakers comme 1xbet. Inserez le code promotionnel dans le champ prevu lors de linscription et obtenez le bonus de bienvenue 1xbet. Disponible uniquement pour les nouveaux joueurs et permet de booster votre premier depot.
The dentists at Orthodontics really take their time to explain treatments—I never feel rushed during appointments.
Thanks for the comprehensive read. Find more at auto glass .
Thank you for breaking down the different phases of treatment with an orthodontist—so helpful for us newbies in Dunfermline! Invisible Braces
Хочешь узнать какая ты на самом деле? Дизайн Человека Human Design — расчёт карты по дате рождения онлайн. Генераторы находят успех когда они делают то что приносит им удовлетворение. В работе ищите то что вас «зажигает» и следуйте этому. Постоянная занятость не гарантирует результата. Проекторы находят успех в руководстве и управлении. Кто ты? Инструкция чтобы понять кто ты. https://atb-human-design-i-ru-kl.hdua.ru
бездепозитные бонусы в казино с выводом без пополнения
From estimate to final walkthrough, Cheap movers Suwanee impressed us—top Suwanee movers.
die besten Sportwetten Gratiswette Ohne Einzahlung apps
Great job! Discover more at cash advances new orelans .
Clear explanation of MAT; readers can locate MAT providers through Recovery Center .
Identifying triggers changed everything. I completed a trigger map from Alcohol Addiction Recovery .
This was quite informative. For more, visit senior living .
Q 888 cũng thường xuyên tổ chức các giải đấu hấp dẫn với phần thưởng lớn , mọi người hãy tham gia ngay.# # 任何关键词 qh88
Mình rất thích chơi cá cược online tại 333win codes , dịch vụ tuyệt vời và uy tín!