クロスドメインiFrameでスタイリング/ CSSを変更する（「iFrame Resizer」を使用）

Question

質問： :-)

私はreeeeeally次の操作を実行する方法の例のようになり

：

私は2つのドメイン所有 - ドメインAとドメインB

私はドメインBにはiframeを表示したいのですが

現時点では、 "Iframe Resizer"（https://github.com/davidjbradshaw/iframe-resizer）を使用して、ドメインBのiframeに自動的にフィットします。これは素晴らしい動作です！

私はちょうどこれは私がcurrnetlyドメインAで持っているコードです

ドメインAからSENDING異なるスタイリングオンまたはドメインB上のiframe内にスタイリングの変更のグリップを得ることができません。

<!-- Scripts for resizing iFrame SEND --> 

    <script type="text/javascript" src="<?php echo get_stylesheet_directory_uri();?>/js/iframeResizer.contentWindow.min.js" defer></script> 

    <script> 

     //EITHER A TRIGGER OR A MESSAGE CONTAINING CSS TO SEND TO DOMAIN B... 

    </script> 

<!-- Scripts for resizing iFrame SEND --> 

..andこれは、私は現在、ドメインBで持っているコードです：共同の本（最も可能性が高い）、簡単な曲で私を助けることができる誰にでも

<!-- Scripts for resizing iFrame RECIEVE --> 

     <script type="text/javascript" src="<?php echo get_stylesheet_directory_uri();?>/js/iframeResizer.min.js"></script> 

     <iframe style="border: none;" id="asc" src="http://domainA.com/example" width="100%" scrolling="no"></iframe> 

     <script> 

      iFrameResize({log:false}, '#asc') 

      //A RECEIVER FOR THE TRIGGER/CSS FROM DOMAIN A RESULTING IN MODIFIED STYLING OF THE IFRAME CONTENT 

     </script> 

    <!-- Scripts for resizing iFrame RECIEVE --> 

事前のおかげで膨大な数をde！ :-)

Answer 1

iframeのスタイルのみを持つスタイルシートを作成し、それをjQueryでiframeに追加します。

コード：

$(document).ready(function(){ 
    $('#iframeFromDomainA').load(function(){ 
     $('#iframeFromDomainA') 
      .contents().find("head") 
      .append($('<link rel="stylesheet" type="text/css" href="https://www.domainb.com/css/styleforiframeonwebsiteb.css">') 
     ); 
    }); 
});