iframe höhe an geladenen inhalt anpassen
alex
- javascript
0 ziegenmelker0 alex
hallo,
folgende funktion befindet sich im "haupt"-htm-file:
function sizeIframe(height) {
var f = document.getElementById('newsframe');
f.style.height = height+'px';
}
aus diesem wird der inhalt in das iframe "newsframe" geladen.
folgende code zeilen befinden sich in den dateien die ins iframe geladen werden:
function requestResize()
{
if (navigator.userAgent.indexOf('MSIE') != -1) {
height = document.body.scrollHeight;
} else {
height = document.body.offsetHeight + 20;
}
parent.sizeIframe(height);
}
</script>
<body onload="requestResize();">
das funktioniert soweit mit iexplorer, opera und firefox, jedoch tritt ein problem mit firefox auf: ist weniger inhalt in einer datei die ins iframe geladen wird, so behält das iframe immer die bis dato maximale höhe! abhilfe dagegen konnte ich nur mit einem erneuerten reload schaffen.
dies ist aber keine gewünschte lösung, da ich nicht in allen browsern bei jedem erfolgten menüaufruf aus der hauptseite die gesamte seite laden will...
dankbar für jede hilfe!
Hallo,
Du kannst versuchen, dein iframe in ein div zu packen und dessen Größe zu manipulieren. Dem iframe verpasst du width und height=100%.
cu,
Michael
danke, hat funktioniert!