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.
The emphasis on resale cost is fundamental. Baobab Architects PC guided possible choices that boosted our appraisal.
играть в казино с выводом денег Вас интересует где найти официальный сайт онлайн казино в России с лицензией? Мы предоставляем актуальную информацию о ведущих игровых площадках их преимуществах и особенностях.
So true that local businesses need tailored SEO strategies—San Jose has its unique challenges! Local SEO San Jose CA
This guide on unit ranges matches what my provider and botox NC both recommend.
This was quite helpful. For more, visit H2O Pros Water Damage Restoration Services LLC .
рейтинг онлайн игровые автоматы с хорошей отдачей Выбор «лучших онлайн казино» — это не однодневная задача. Это процесс в котором важно сочетать умение анализировать факты и доверять своему опыту. Лицензия безопасность прозрачные условия бонусов широкий выбор игр и удобные платежи создают основу. Но каждое ваше решение формирует ваш уникальный маршрут — от первого знакомства с площадкой до долгосрочного удовольствия от игры.
If you want fewer crowds than the south, a Hotel in Lovina is perfect. I found mine at hotel lovina Bali D kailash retreat .
Proclaim to porta potty rental for making our charity run even more comfy with their clean mobile bathrooms!
” I’m already brainstorming ideas for future events centered around renting those fantastic inflatable structures; they never go out of style!” # # anyKeword#” bounce house rentals in brandon fl
I used a bruise color-correcting tip from Raleigh NC botox , and it hid marks perfectly.
Hopefully next post dives deeper into international shipping considerations since those often require unique coverages!!! ###naKey### cheap box truck insurance
Appreciate the comprehensive insights. For more, visit best solar services .
These tents look gorgeous! Perfect for my next party in Tampa! tampa bounce house
Shoutout to all the hard-working technicians providing excellent appliance repairs around our city! Greg’s Grade A Appliance Repair Arlington TX
Appreciate the detailed information. For more, visit visitar fábrica de colchones en Albacete .
1win сегодня рабочие 1win отзывы
This was very beneficial. For more, visit elderly care services .
Great insights on maintaining European vehicles! Many owners underestimate how crucial specialized diagnostics and OEM parts are for long-term reliability and performance auto repair west palm beach european
Lunar Wave Deals – Simple navigation and a well-organized shop make shopping enjoyable.
Just finished my lawn cleanup with the help of a dumpster from dumpster rental service – extremely suggest them!
This was a great article. Check out best Auto Glass in 29303 for more.
бонуси казіно бонуси казіно
Fantastic tips on keeping drains clean without harsh chemicals—thank you for sharing! drain cleaning
Wonderful blog post, many thanks for damaging this down. I covered a comparable angle at SEO services for businesses .
Martial arts not just enhance fitness however also impart discipline and focus in experts. It’s fascinating to see exactly how different styles, from karate to jiu-jitsu, deal special benefits Denver TaeKwonDo kids
choicehubzone – Clear layout, easy to browse, and pages respond quickly.
I definitely like how precious jewelry can transform an entire attire! It’s amazing how a basic piece can add so much beauty and character. Have you ever considered customizing your own jewelry? It can produce a truly unique statement piece buy gold denver
Thanks for the detailed post. Find more at opiniones tiendas cocinas Granada .
Garden fountains can be such a focal point; how do you recommend accessorizing them with landscaping? Pond Designers Orange County
The part on security inspections is fundamental. I booked a publish-set up test with the aid of furnace repair Canadian Heating and Air Conditioning hamilton .
As someone who drives around a lot, I appreciate when cities invest in things like effective utilities work; it’s crucial: find out why: ### anyKeyWord###! Sacramento hydro excavation
Valuable information! Find more at evo icl portland .
Fantastic post! Discover more at cerrajería y herrajes de aluminio .
Appreciate the comprehensive insights. For more, visit derecho penal Santiago de Compostela .
1win вход 1win вход в личный
For delicate instruments, ask for specialty packing. The movers via Austin moving company had proper cases for my guitar and keyboard.
If you desire to look a head-to-head cooking examine between Cookcell and Hexclad, take a look at out the results here: hexclad performance vs cookcell .
Preschool highly cultivates curiosity in younger minds; it’s lovely seeing them ask questions and are trying to find solutions more actively now ! ### anyKeyWord### infant child care
Хочешь развлечься? купить альфа пвп федерация – это проводник в мир покупки запрещенных товаров можно купить гашиш купить мефедрон купить кокаин купить меф купить экстази купить альфа пвп купить гаш в различных городах. Москва Санкт-Петербург Краснодар Владивосток Красноярск Норильск Екатеринбург Мск СПБ Хабаровск Новосибирск Казань и еще 100 городов.
Starlit Style Shop – Everything is well organized, making shopping effortless.
I switched from a blended-model kitchen to a unmarried-brand set after reading efficiency consistency stories on best cookware brands —valued at it for even outcomes.
Clogged gutters caused basement seepage for us—lesson learned. Installing gutter guards and new downspouts with services near me soon.
Found great tips and tricks for building your own barbecue area over at ## driveway installers orange county
Any person recognize if dumpster rental service provides same-day solution? I’m in a pinch!
Ищете станки обработки металла из китая с чпу? На taixinasia.com/chpu-stanki-iz-kitaya/ ознакомьтесь с широким спектром станков с числовым программным управлением от китайских производителей: вертикальные обрабатывающие центры, токарные станки, лазерные установки для резки металла и оборудование для намотки стеклопластика. Глобальная фирма «Гонконг Тайсинь», работающая свыше двух десятилетий, гарантирует комплексное ведение проекта — от выбора машин согласно техническому заданию до транспортировки и ввода в эксплуатацию с доступным финансированием.
Raised flavors you don’t need a fit for. Contributed to grass-fed steak Loomis .
бонуси в казино бонуси казіно
Ищете корпоративные подарочные наборы? Посетите сайт sezon-podarkov.ru и вы найдете широкий ассортимент продукции по выгодным ценам с быстрой доставкой. Ознакомьтесь с нашим каталогом – там лучший выбор сувенирной продукции и уникальных подарочных наборов и бизнес-подарков. Осуществляем доставку по всей территории России. Более подробная информация на сайте Сезон подарков!
If you’re comparing the Crux to Ninja and Cosori, I made a feature matrix and verdicts: Crux Air Fryer customer reviews
Solid evaluate! I’m checking regardless of whether a lid fits good; I noticed lid pairing thoughts on detailed review of babish wok .