Javaskript, Frame, dynamische Anpassung 
Autor: M. H. L.Hallo liebe Gemeinde,
Um ein Frame dynamisch einzubinden, hatte ich folgendes Javaskript im Head eingebunden:
<script type="text/javascript">
function iframeLoaded() {
var iFrameID = document.getElementById('idIframe');
if(iFrameID) {
iFrameID.height = "";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
}
}
</script>
Dazu folgender HTML-Code auf der Seite https://www.ml-webprojekte.de/test/xxl/handy_kaufen.html platziert:
<div>
<iframe src="https://www.verschenkehandy.de/bundlesuche.php?id=Alle&pid=5670" id="idIframe" onload="iframeLoaded()" style="border: none; width:100%; margin: 0 0 0 5%;" allowfullscreen scrolling="auto"> </iframe>
</div>
In der Vorschau scheint alles ok zu sein, doch wenn ich sie auf den Server hochlade, wird nur der obere Teil angezeigt. Es scheint so zu sein, dass keine Verbindung zu Javaskript hergestellt werden kann?
Wie müsste der Code aussehen, damit es auch online korrekt angezeigt wird?
Grüße
Marion
Was ich so sehe gibt es im Code kein width:100%
Es kann aber sein dass du im Html Objekt die Höhe zu gering eingestellt ist.
...!... der Code für elastisches IFRAME kann nicht funktionieren, wenn die importierte URL zu einer anderen Site/ Server/Host als der Ihrer Site gehört...!...
... in diesen Fällen ist es besser, den Link in einem Fenster js PopUp zu verwenden (kein IFRAME, keine ShowBox)...
.
ciao
.
Autor
Danke für die Antworten.
Soviel mir bekannt ist, ist mit einem entsprechenden Code auch externes Material via elastisches iFrame einbindbar, nur scheint der Code anders lauten zu müssen als angegeben.
(It > De) .. Sie können diese externe Seite importieren in einem IFRAME innerhalb eines HTML-Code-Objekts, mit diesem Code
:
<iframe src="https://www.verschenkehandy.de/bundlesuche.php?id=Alle&pid=5670" width="100%" height="400" style="position:absolute;height:100%" > </iframe>
.
ciao
.
Autor
Tja, wie soll ich´s sagen: Funktioniert auch nicht.
... Erste ich hatte nachgeschaut...
... um überprüfen und bewerten zu können, sollten Sie den LINK Ihrer Seite posten, auf der Sie den IFRAME eingebunden haben...
.