2010-12-09 5 views
1

J'ai un site web et j'ai besoin de placer une application web dans une de ses pages. L'application web a évidemment beaucoup de pages et elles sont de hauteurs variables. Je pensais à le placer dans un iFrame. Cependant, avec un iFrame, j'ai le problème de hauteur automatique. Comme les liens changent dans l'iFrame lui-même, il est plus difficile d'ajuster sa hauteur, puisque seul le contenu de l'iFrame lui-même changera et non la page elle-même (c'est-à-dire l'URL).Placer une application Web dans une page Web sans utiliser d'iFrame?

Y a-t-il une manière plus intelligente et plus propre de pouvoir implémenter ceci sans utiliser d'iFrame?

J'ai aussi essayé d'utiliser ssi includes mais pour une raison quelconque, ils fonctionnent partout ailleurs mais quand je place l'application dans un include, ça ne marchera pas.

Un grand merci

+0

Ne serait-une barre de défilement à l'intérieur du iframe acceptable? En dehors d'un iframe, vous pouvez envisager d'insérer du HTML dans le DOM. Est-ce que la page Web et la webapp proviennent toutes deux du même domaine? – jambox

+0

J'ai essayé d'insérer du HTML dans le DOM en utilisant includes mais ça ne marchera pas pour une raison quelconque. La chose est, je n'ai pas conçu le site Web et il utilise jQuery pour permettre le glissement du contenu et je pense que c'est la raison pour laquelle les inclus ne fonctionnent pas. Oui, ils viennent tous deux du même domaine, et aucun défilement n'est pas acceptable, ce serait trop facile :) – seedg

+0

une raison que vous ne pouvez pas faire: parent.document.getElementById ('the-iframe-id'). Height = document ["corps"]. offsetHeight; – jambox

Répondre

1

Mettez cela dans le onLoad de l'iframe:

parent.document.getElementById('the-iframe-id').height = document['body'].offsetHeight; 
+0

Cela fonctionne sur tous les navigateurs! Merci! Cependant, la conception extérieure est mal appliquée et il y a divers éléments qui doivent également changer leur hauteur pour que la hauteur d'iframe se produise. C'est peut-être parce qu'il a la fonctionnalité jQuery pour faire défiler les images ... Maintenant, soit je corrige ce design, soit je change la hauteur de tous les éléments au chargement de la page, pas seulement la hauteur iframe. Quoi qu'il en soit, merci! – seedg

Questions connexes