iframe dynamique de la hauteur de modification de la largeur basé sur le contenu interne
J'ai iframe avec le contenu comme ci-dessous,
<iframe frameborder="no" src="http:localhost/com" id="iframe">
<div style="height:850px;width:700px;">div text </div>
</iframe>
Cela montre l'iframe avec hori. et de défilement verticale, mais pas à la hauteur du contenu intérieur de l'850px.
comment puis-je changer l'iframe hauteur dynamiclly basé sur le contenu interne de la hauteur n largeur. Im en utilisant jquery à l'intérieur du contenu.
Sa croix de domaine js widget de sorte que la plupart des ci-dessous les réponses à jeter erreur permission denied
Thanxs,
Nithish
- double possible de Comment taille auto un iFrame? vérifiez Également celui-ci.
- Un cross-domain solution est décrite dans mon deuxième lien. Mais à mon humble avis, il est préférable de se débarrasser de l'iframe et le commutateur de balise de script.
Vous devez vous connecter pour publier un commentaire.
Nithish,
si vous utilisez jquery, alors vous pouvez facilement trouver (et réglé) la hauteur de la div (dans votre domaine, pas sur le contenu externe) en tant que tel:
espère que cela aide ...
de l'utiliser.
Vous devez créer une fonction pour mesurer la hauteur du contenu, et de définir la hauteur de l'IFrame, puis d'appeler la fonction de redimensionnement lorsque le contenu est chargé.
language
attribut plus. Il est obsolète. Btw., vous devriez plutôt utiliser des minuscules balisage de style.Si les domaines sont les mêmes pour les deux pages:
Vous pouvez utiliser jQuery dans la page parent (si son qui y sont disponibles).
J'ai trouvé ça ici: stackoverflow.com/questions/1145850/
et de l'étendre à nouveau la taille de la largeur aussi...il suffit d'ajouter ceci dans votre tête:
Alors assurez-vous d'avoir un id unique de votre iframe et d'appeler la SetIframeSize: