2016-11-25 9 views
0

埋め込みビデオの横にgoogle + commentsセクションを追加するはずのWordPressのプラグインに取り組んでいます。 javascriptを使用して最初は正しい幅にすることができますが、ブラウザのサイズが変更された場合、Iframeドキュメントの自動読み込みスクリプトによって自動的にサイズが100%に変更されます(画像参照)。私はiframeの下にあるドキュメントのdivにアクセスしてサイズを変更するときに、自分が望むものに変更するのが非常に困難です。google + commentsとjavascript

how it should be.

after adjusting the browser size it jumps below and goes to 100% width.

私はコメント欄を生成するthiseコードを使用しています:

<script src="https://apis.google.com/js/plusone.js"></script> 
<div id="comments"></div> 
<script> 
gapi.comments.render('comments', { 
    href: [URL], 
    width: 'comments_w', 
    first_party_property: 'BLOGGER', 
    view_type: 'FILTERED_POSTMOD' 
}); 

"comments_wは" で計算される変数でありますスペースが残っているより前のjavascript動画の幅が計算された後

この

はインラインフレーム幅を制御し、本体内部のdiv要素があり、コメントのdiv

<iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 1138px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 616px;" tabindex="0" vspace="0" width="100%" id="I0_1480032087207" name="I0_1480032087207" src="https://apis.google.com/u/0/_/widget/render/comments?usegapi=1&amp;href=http%3A%2F%2Fwww.cellcycle.net%2Ftemppage%2F&amp;width=341&amp;first_party_property=BLOGGER&amp;view_type=FILTERED_POSTMOD&amp;origin=http%3A%2F%2Fwww.cellcycle.net&amp;search=&amp;hash=&amp;gsrc=3p&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.CUXyo_wPfp0.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCMYqx5cA6SdMRKSM5YaRVPo-xpcPg#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Cscroll%2Copenwindow&amp;id=I0_1480032087207&amp;parent=http%3A%2F%2Fwww.cellcycle.net&amp;pfname=&amp;rpctoken=30831408" data-gapiattached="true" title="Comment on this"></iframe> 
    #document == $0 
     <html est...> 
</iframe> 

内gneratedされています。私はちょうどjavascriptでそれにアクセスし、ブラウザがサイズ変更されるたびにサイズを変更する方法を見つける必要があります。私はすでにサイズ変更されたときに呼び出されるようにする関数を持っています。私はjQueryにドキュメント内の要素を見つけることに苦労しています。

+0

iframeが別の原点にある場合は、そのコンテンツで何もできない –

答えて

0

これは確認できません。 Jaromanda Xが指摘したように、起源は同じでなければならない。私は起源政策(https://en.wikipedia.org/wiki/Same-origin_policy)を見て、確かに見つけました。私にとっては残念なことですが、これで誰もが時間を無駄にするのを防ぐことができれば幸いです。