Je travaille sur un plugin wordpress qui est censé ajouter une section google + commentaires à côté d'une vidéo intégrée. Je peux utiliser javascript pour obtenir la bonne largeur au départ, mais les scripts qui se chargent automatiquement dans le document Iframe changent automatiquement la taille à 100% de largeur si la taille du navigateur est modifiée (voir images). J'ai beaucoup de mal à accéder à la div dans le document sous l'Iframe pour le changer avec ce que je veux quand il redimensionne.google + commentaires et javascript
after adjusting the browser size it jumps below and goes to 100% width.
J'utilise Thise code pour générer la section commentaires:
<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" est une variable qui est calculée un javascript plus tôt basé sur l'espace restant après la largeur de la vidéo est calculée.
c'est le Iframe étant gnerated dans le commentaire 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&href=http%3A%2F%2Fwww.cellcycle.net%2Ftemppage%2F&width=341&first_party_property=BLOGGER&view_type=FILTERED_POSTMOD&origin=http%3A%2F%2Fwww.cellcycle.net&search=&hash=&gsrc=3p&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&id=I0_1480032087207&parent=http%3A%2F%2Fwww.cellcycle.net&pfname=&rpctoken=30831408" data-gapiattached="true" title="Comment on this"></iframe>
#document == $0
<html est...>
</iframe>
Il y a un div à l'intérieur du corps qui contrôle la largeur. J'ai juste besoin de trouver un moyen d'y accéder avec javascript et de changer la taille chaque fois que le navigateur est redimensionné. J'ai déjà la fonction que je veux être appelée à chaque fois qu'elle est redimensionnée. J'ai juste du mal à obtenir jQuery pour trouver l'élément dans le document.
si l'iframe est dans une origine différente, vous ne pourrez rien faire avec son contenu –