redimensionner dynamiquement iframe hauteur en fonction de contenu dynamique

D'abord, je vais vous donner la structure de ma page:

<html>
<body>
    <div>
    <iframe>
        <div id="div1">
        </div>
    </iframe>
    </div>
</body>
</html>

Si seulement je savais à l'avance la taille de div1, il n'y a pas de problème ici. Cependant, je suis l'ajout dynamique de contenu dans div1 à l'aide de jquery ajax et donc je ne pouvais pas pré-régler la <iframe>hauteur.

J'ai essayé les solutions que j'ai trouvées dans d'autres threads par l'ajout d'un script dans le onload de la <iframe> mais c'est inutile puisque le contenu est de changer dynamiquement sans avoir à recharger la page.

Toute aide?

puisque vous êtes à la modification du contenu de la div1, pouvez-vous calculer la hauteur de div1 après chaque modification, le changement de la hauteur de l'iframe
Même si je peux calculer la hauteur de div1, comment pourrais-je changer la hauteur de l'iframe? Je ne peux pas le faire avec jquery simple et je ne veux pas plonger tellement en javascript complexe.
où est le code qui modifie le contenu de/ est-il dans l'iframe ou le parent?
Je ne sais pas si c'est ce que vous cherchez, mais le code qui modifie le contenu est un appel ajax. Quelque chose comme $('div').html(data) à la réussite de la fonction de $.ajax.
C'est que l'ajax dans la page parent, ou dans l'iframe src page?

OriginalL'auteur braindead | 2012-07-31

2

Dans votre page enfant, après le code généré dynamiquement, a fini de charger, insérez ce code:
```
//Rsize containing iframe to proper height
parent.parent.resizeIframe($('html').height());
```
Puis, dans la page parent, d'inclure cette fonction:
```
function resizeIframe(newHgt)
{
    $('#iframeid').height((parseInt(newHgt)+75)+'px');
}
```
Cela permettra de vous rendre où vous devez être, mais la question que je suis en train de résoudre est de savoir comment déterminer la taille de l'iframe contenu après le code généré dynamiquement, a fini de charger ... "tous à partir de la page parent".

De toute façon, j'espère que ça vous aide.

...

Vous devez ouvrir une question à poser à votre question.
Convient de mentionner que cela ne fonctionne pas quand même-la politique de l'origine est dans l'affect.

OriginalL'auteur Webspeeder
0

Je ne suis pas sûr de savoir pourquoi vous souhaitez utiliser un iframe ici. Mais peut-être que vous cantry à l'aide de

http://sonspring.com/journal/jquery-iframe-sizing

En fait, j'ai utilisé ce script déjà et il n'a pas résolu mon problème. Je suis maintenant à la refonte de mon appli pour se débarrasser de la iframe. Il avait perdu beaucoup de temps à corriger beaucoup de choses. Merci à tous de vos réponses.

OriginalL'auteur defau1t

Vous devez vous connecter pour publier un commentaire.