rendre la hauteur d'un iframe dynamique en fonction de son contenu - JQUERY/Javascript

Je charge une page Web aspx dans une iframe. Le contenu de l'iframe peut avoir une hauteur supérieure à celle de l'iframe. L'iframe ne doit pas avoir de barres de défilement.

J'ai une balise div enveloppante à l'intérieur de l'iframe qui contient essentiellement tout le contenu. J'ai écrit un peu de jQuery pour que le redimensionnement ait lieu :

$("#TB_window", window.parent.document).height($("body").height() + 50);

où TB_window est la div dans laquelle l'Iframe est contenue.

body - la balise body de l'aspx dans l'iframe.

Ce script est attaché au contenu de l'iframe. Je récupère l'élément TB_window de la page parent. Cela fonctionne bien sous Chrome, mais la TB_window s'effondre sous Firefox. Je ne comprends vraiment pas pourquoi cela se produit.

L84
Question modifiée 10 août 2015 в 10:49
Programmation
asp.net iframe javascript jquery
6 février 2012 в 3:55
13 vues

Vous pouvez récupérer la hauteur du contenu de la IFRAME's en utilisant : contentWindow.document.body.scrollHeight

Une fois la IFRAME chargée, vous pouvez modifier sa hauteur en procédant comme suit :

<script type="text/javascript">
  function iframeLoaded() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
            // here you can make the height, I delete it first, then I make it again
            iFrameID.height = "";
            iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
      }   
  }
</script>

Ensuite, sur la balise IFRAME, vous accrochez le gestionnaire comme ceci :

Aristos
Réponse modifiée 8 juillet 2013 в 5:53
Commentaires (24)

Une réponse légèrement améliorée à Aristos...

<script type="text/javascript">
  function resizeIframe(iframe) {
    iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";
  }
</script>

Puis déclarez dans votre iframe comme suit :

eddyparkinson
Réponse modifiée 29 août 2019 в 8:29
Commentaires (11)
 
$(document).height() // - $('body').offset().top

et / ou

$(window).height()

Voir la question https://stackoverflow.com/questions/806402 de Stack Overflow.

Essayez ceci pour trouver la hauteur du corps en jQuery :

if $("body").height()

Il n'y a pas de valeur si [Firebug][1]. C'est peut-être là que réside le problème.

[1] : http://en.wikipedia.org/wiki/Firebug_%28software%29

Community
Réponse modifiée 23 mai 2017 в 12:34
Commentaires (2)