8
votes

faire du contenu en forme d'iframe hauteur

Comment ferais-je l'ajustement d'une hauteur d'Iframe au contenu de celui-ci? Je suppose que vous calculeriez la différence entre la hauteur du contenu et la hauteur d'iframe (quelque chose que je ne sais pas comment faire) et l'utiliser avec une boucle de temps pour incrémenter une variable à utiliser comme une hauteur, mais je ne peux pas envelopper mon tête autour de la façon de faire ces choses. Avant de demander: Oui, le contenu du cadre est de mon site. Non croisé.


5 commentaires

Quelqu'un utilise-t-il toujours des cadres?


@yoda, il voulait dire iframe, et ils ne sont utilisés que par des entreprises insignifiantes de WebSphere comme Google et Facebook.


Le contenu encadré est sur votre site?


Dupliqué possible de Redimensionnement d'un iframe basé sur le contenu


Vous avez vu ce projet GitHub? Github.com/house9/jquery-iframe-auto-height


4 Réponses :


1
votes

Pas tout à fait sûr de savoir pourquoi vous voulez utiliser un iframe et non une DIV DIV remplie, disons, via Ajax, mais:

Mettez le contenu dans l'iframe dans une DIV, puis obtenez la hauteur de la DIV. Je suggérerais d'utiliser jQuery comme: xxx

mais si vous ne pouvez pas utiliser jQuery, vous devriez pouvoir utiliser ceci: xxx < / Pré>

Ensuite, vous devez définir la hauteur de l'iframe à tout ce que vous avez eu.

jQuery: xxx

JS régulier: xxx


5 commentaires

cela ne fonctionne pas. Vous ne pouvez pas accéder à l'iframe div de l'extérieur de l'iframe


Vous pouvez cependant, cependant, faire ceci: document.getelementByID ("tramedid"). Contentwindow.document.ge tonnementbyid ("id")


@ Jcoc611 document.getelementByID ("tramedid"). Contentwindow.document est interdit d'accéder à ces jours aussi, autant que je puisse voir (au moins à FF)


@Yakovl il semble que cela fonctionne bien en chrome 56.0. Assurez-vous que le document principal et l'iframe sont sur le même domaine.


@ JCOC611 Désolé, a manqué le "non croisé". partie de la question ou commenté avant de comprendre qu'il ne fonctionne que le domaine croisé. Il y a cette réponse à noter, bien que: Stackoverflow.com/Questtions/153152/...



0
votes
window.parent.window.onContentChange()

1 commentaires

Quand je l'ai écrit, j'étais un gars de pootools.



0
votes

Render dynamiquement l'iframe en JavaScript une fois que l'élément de conteneur ("TD1") a été dessiné.

<td id="td1" style="width: 100%; height:100%;">                 
</td>


0 commentaires

0
votes

Voici une solution utilisant jQuery: xxx


0 commentaires