nicht angemeldet
Inhalt eines IFrames an dessen feste Breite anpassen
Hallo nochmal zusammen!
da diese Frage in meinem Thema von gestern untergegangen zu sein scheint
(Externes Suchergebnis integrieren - https://forum.selfhtml.org/?t=174172&m=1143957) stelle ich diese erneut und bitte alle, die die Frage doppelt gelesen habe um Entschuldigung!
Ich versuche, da derzeit keine elegantere Lösung möglich ist, mittels IFrame eine Seite in meine Seite einzubinden.
(siehe: http://www.photovoltaik-preisvergleich.de/photovoltaik_b2b/mypv_test.html)
Was ich zu Hauf finde, sind Möglichkeiten den IFrame zu "autoadjusten". Ich brauche jedoch folgendes:
Die Breite des IFrames ist mit 100% fest an die Breite meines Contents gebunden. Die Länge ist generell variabel, derzeit auf 1000px eingestellt.
Die im IFrame eingebette Quelle soll sich nun automatisch an die (feste und nicht zu ändernde) Breite des IFrames anpassen. Es geht lediglich um die Breite. Die Höhe muß nicht automatisch justiert werden, da die Scorllfunktion ruhig erhalten bleiben kann.
Ich habe hier:
http://cross-browser.com/toys/frame_resize.html ein Beispiel gefunden. Leider bin ich nicht firm genug, um den Code auf meine Belang umzumünzen!?
Any Ideas??
Vielen Dank!
Gruß,
Stefan
-
Du wirst schnell auf das Problem stoßen, dass Du nicht per JavaScript auf den Inhalt eines iframes zugreifen kannst, der von einem fremden System gespeist wird - das ist eine Sicherheitsfunktion der meisten modernen Browser, die auch nicht per JavaScript umgangen werden kann.
Gruß, LX
--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes-
Du wirst schnell auf das Problem stoßen, dass Du nicht per JavaScript auf den Inhalt eines iframes zugreifen kannst, der von einem fremden System gespeist wird - das ist eine Sicherheitsfunktion der meisten modernen Browser, die auch nicht per JavaScript umgangen werden kann.
Gruß, LX
Hallo LX,
erstmal Danke!
Wenn nicht via JS, denn anderswie?
Hast du dir das Beispiel angeguckt? Da wird die Google-SERP-Seite (Frame3) doch automatisch an die Breite des Frames angepasst!?
Hier nochmal der Link: http://cross-browser.com/toys/frame_resize.html
Gruß Stefan
-
Die Google SERP-Seite bringt auch das passende CSS und JS mit, um eine solche Anpassung zuzulassen. Wenn die Seite nicht entsprechend gestaltet ist, wirst Du sie nicht per JavaScript umgestalten können.
Gruß, LX
--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes-
Die Google SERP-Seite bringt auch das passende CSS und JS mit, um eine solche Anpassung zuzulassen. Wenn die Seite nicht entsprechend gestaltet ist, wirst Du sie nicht per JavaScript umgestalten können.
Gruß, LX
D.h. also, dass die Anpassung aber generell möglich ist. Wo genau interagiert JS denn mit demm CSS. Oder andersrum, wie müsste ich mein CSS anpassen, um via JS das gleiche Ergebnis auf http://www.photovoltaik-preisvergleich.de/photovoltaik_b2b/mypv_test.html zu erreichen??
Danke und Gruß, Stefan
-
Die Google SERP-Seite bringt auch das passende CSS und JS mit, um eine solche Anpassung zuzulassen. Wenn die Seite nicht entsprechend gestaltet ist, wirst Du sie nicht per JavaScript umgestalten können.
Gruß, LX
Hi LX,
hab jetzt mal folgendes probiert:
[...]
<script language="JavaScript">
function resize() {
var iframe = document.all.NAME;
iframe.height=window.frames["MYHAMMER"].document.body.scrollHeight;
}
</script></head>
<body onload=resize();>
[...]
<iframe src="http://www.my-hammer.de/search.php?mhFormData[searchText]=Photovoltaik" name="MYHAMMER" scrolling="yes" width="100%" height="1000" frameborder="0" onload="this.height=this.content-inDocument.height">
</iframe>sieht dann so: http://www.photovoltaik-preisvergleich.de/photovoltaik_b2b/mypv_test2.html aus.
Wo steckt denn da der Hase??
Danke
-
-
-