iFrame Automatic Sizing

Question

Avant de commencer à commenter le «coup de foudre», laissez-moi clarifier ce que j'essaie de faire pour voir si quelqu'un peut m'aider.

J'ai une fenêtre parent avec un iFrame dedans. Le contenu de l'iFrame est chargé à partir d'un domaine distinct où je pense que mes problèmes commencent, bien que cela doive être de cette façon. Lorsque la page se charge à l'origine, les éléments suivants sont exécutés:

<script language="javascript" type="text/javascript"> 
    var reportFrame = document.getElementById('report'); 

    function resizeIframe() { 
     var height = document.documentElement.clientHeight; 

     height -= reportFrame.offsetTop; 

     // not sure how to get this dynamically 
     height -= 20; /* whatever you set your body bottom margin/padding to be */ 

     reportFrame.style.height = height + "px"; 

    } 

    reportFrame.onload = resizeIframe; 
    window.onresize = resizeIframe; 

</script> 

Cela fonctionne très bien. L'iFrame n'a pas de barres de défilement et est parfait pour ce que je veux. Le problème que je rencontre est l'iFrame a un bouton qui provoque un post-retour sur le cadre. J'ai besoin que ce script s'exécute lorsque l'iFrame se recharge pour empêcher l'affichage des barres de défilement. En raison de la page enfant étant sur un domaine séparé, je ne suis pas en mesure d'appeler une fonction de celui-ci au parent (à peu près sûr que c'est là que XSS entre en jeu) donc je dois trouver un autre moyen pour le parent doit exécuter ce script car l'iFrame se recharge.

Des suggestions?

Answer 1

Vous pouvez ajouter une minuterie qui vérifie et redimensionne à intervalles réguliers:

setInterval("resizeIframe()", 1000); //check every second 

[Modifier - liens pour les scripts Redimensionner]

Découvrez http://geekswithblogs.net/rashid/archive/2007/01/13/103518.aspx et Resizing an iframe based on content pour les scripts sur le redimensionnement d'une iframe.