iframe cross domain get CSS

Question

У меня есть html-страница с css, мне нужен css для управления содержимым iframe на этой странице. У меня есть контроль страницы в IFRAME и следующий код работает, если обе страницы и рамки являются локальными по отношению друг к другу:

<script type="text/javascript"> 
window.onload = function() { 
    if (parent) { 
     var oHead = document.getElementsByTagName("head")[0]; 
     var arrStyleSheets = parent.document.getElementsByTagName("style"); 
     for (var i = 0; i < arrStyleSheets.length; i++) 
     oHead.appendChild(arrStyleSheets[i].cloneNode(true)); 
    } 
} 
</script> 

Однако не работает, когда страница с IFRAME и страницы, с IFrame на находятся на отдельных доменах. Кто-нибудь знает, как я могу заставить его работать в двух доменах или иметь альтернативное решение?

Заранее спасибо :)

---

, как это моя страница, которая отображается в окне IFRAME я не мог просто позволить пользователям иметь их CSS переопределения мое ??

Answer 1

Сайт, который вы загружаете в рамку, должен grant you permission using CORS, прежде чем вы сможете поручить своим посетителям просматривать информацию между ним и вашим сайтом с помощью JS. По умолчанию this is forbidden for sensible security reasons.

Answer 2

Добавить HTTP-заголовок на целевом сайте:

Access-Control-Allow-Origin: * 

См http://ox86.tumblr.com/post/17652823257/cross-domain-ajax-for-your-api-endpoints

Answer 3

Вы должны использовать Cross-document messaging. В принципе, алгоритм должен работать что-то вроде этого:

• в родительском фрейме, добавить сообщение слушателя f перед загрузкой IFrame.
• в IFRAME, создать сообщение слушателю g и отправить сообщение f после OnLoad
• f посылает CSS URLs как сообщение JSON-сериализации и g загружает CSS в IFRAME