Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

IFRAME dynamisch in der Größe/Höhe anpassen???

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Alex Maier
PostRank 1
PostRank 1
Beiträge: 11
Registriert: 20.09.2004, 13:25

Beitrag von Alex Maier » 22.09.2004, 20:13

wie sehts denn aus, wenn man folgendes script nimmt, das ja auch mit fremdseiten beim ersten aufruf funktioniert, und einfach noch einen zusatz macht, das wenn im iframe neu geladen wird, das dieser body-onload im hauptdokument nochmal ausgeführt wird?


<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function size(){
var x = screen.availWidth;
var y = screen.availHeight;

//gegebenfalls noch eine "Sicherheitsabstand" von X und Y abziehen
x = x*0.9;
y = y*0.9;
document.getElementById('frame').width = "100%";
document.getElementById('frame').height = y;
}
//-->
</script>
</head>
<body onLoad="size()">
<iframe name="frame" id="frame" src="https://www.irgendeinefremdehtmlseite.htm"> </iframe>
</body>
</html>

Anzeige von ABAKUS

von Anzeige von ABAKUS »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:
  • einzigartige Texte
  • suchmaschinenoptimierte Inhalte
  • eine sinnvolle Content-Strategie
  • Beratung und Umsetzung
Jetzt anfragen: 0511 / 300325-0

buffy1860
PostRank 1
PostRank 1
Beiträge: 2
Registriert: 16.02.2006, 12:56

Beitrag von buffy1860 » 16.02.2006, 13:13

Alex Maier hat geschrieben:hallo nochmal,

auf keinen fall nehm ich ein frameset!
hat schon seine gründe.

ich habe auch schon irgendwo eine lösung gefunden, wenn die seite die im iframe geladen wird, auf meinem server liegt, mann muss dann auf den reinzuladenden seiten einen onload machen und das iframe passt sich dann in der höhe automatisch an, habs getestet und funktioniert:

dieses script in die seite mit dem iframe:
-------------------------------------------------------
function resize_me(n)
{
d=0;
ifObj=document.getElementsByName(n)[0];
p=(document.all)?'scroll':'offset';
eval("ifObj.style.height=window.frames[n].document.getElementsByTagName('body')[0]."+p+"Height+"+d);
}
</script>


und dieses hier in die seite die im iframe geladen wird:
--------------------------------------------------------------------------
onload="parent.resize_me'('iframe')"

alex
Hi,
ich hab bei mir das script eingebaut, es funktioniert auch , allerdings nur
mit den Browsern Opera und IE.
Dagegen mit Mozilla bzw. Firefox gehts nicht, kann mir da jemand weiterhelfen ??

Gruß
Buffy

Southmedia
PostRank 10
PostRank 10
Beiträge: 7322
Registriert: 20.07.2003, 19:56

Beitrag von Southmedia » 16.02.2006, 14:30

Bei diesen Browsern kann man Javascript erlauben bzw verbieten die Größe eines Fensters verändern zu können.

Anzeige von ABAKUS

von Anzeige von ABAKUS »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Caschi
PostRank 8
PostRank 8
Beiträge: 705
Registriert: 23.04.2003, 09:03

Beitrag von Caschi » 16.02.2006, 14:47

ich habe eine reise seite im netz gesehen die genau das macht. sie läd wie es aussieht den ifram dynamisch je nach größe. zumindestens bei der höhe weiss ich es genau. bereite ka. wo war nur die seite :/

buffy1860
PostRank 1
PostRank 1
Beiträge: 2
Registriert: 16.02.2006, 12:56

Beitrag von buffy1860 » 16.02.2006, 15:06

War es diese Seite :
https://www.reise-maier.de

Also ich hab java erlaubt, die Größe zu ändern, es funktioniert aber trotzdem nicht ! :cry:

Gruß Buffy

Caschi
PostRank 8
PostRank 8
Beiträge: 705
Registriert: 23.04.2003, 09:03

Beitrag von Caschi » 16.02.2006, 17:17

ne die wars sicher nicht da klappts ja auch nicht *g*

climbmax
PostRank 1
PostRank 1
Beiträge: 1
Registriert: 21.06.2006, 18:36
Wohnort: Vaterstetten

Beitrag von climbmax » 21.06.2006, 18:54

ok dazu will ich auch was fragen
ich hab auf meiner page : www.malspacken.de beinahe das selbe problem:
ich hab zum einen ein in ein Iframe eingebundenen blog und zum anderen die komplette bilderverwaltung ebenfalls in einem anderen iframe
jetzt stellt sich folgendes problem dar:
beim blog wird die höhe je nach beiträgen unterschiedlich hoch dcoh das geht gerade noch (ich zeihe mit frontpage(keine kommentare wie schlecht das ist bitte *G* das weiß ich auch ) aber besser kann ichs nich (-; den iframe halt auf die momentan richtige größe und muss dann halt nacheditieren.
richtig scheiße wird es bei den bildern:
ich bin gerade in der bildervorschau die (je nach ordner mit bilder natürlich auch wider differenziert)´*grrrrrrrr* udn klicke ein bild an
(dieses bild wird in dem 6600 pixel hohen iframe aber ganz oben angezeigt udn man muss ewig scrollen (sau unprofessionell und verwirrend
mit den 2 beispeilen wollt ich nur den grund dafir angeben warum es so scheiße ist *G*
naja jetzt hab ich mich hier eingelesen udn suche nach einem script oder code (ka) der mir hilft je nach inhalt des inlineframes die höhe anzupassen
selbst wenn da obens für mich evtl. der richtige code ist dann hab ich immer noch keine ahnung wie ich den einbinden kann und muss

ich hab ja eigentlich in der seite die ich da hab einen inlineframe bei dem
höhe und breite und die zielseite in dem fall : https://www.malspacken.de/news angegeben hab
jetzt stöhrt mich nat dort das height oder ???
<iframe name="I1" width="664" height="6857" scrolling="no" border="0" frameborder="0" src="https://www.malspacken.de/news">
</iframe
in dem fall haltd er andere frame und als adresse: bilderindeximframe.htm
<iframe name="I1" width="660" height="11627" border="0" frameborder="0" src="bilderindeximframe.htm">
</iframe>
naja jetzt hab ich keine ahnung wo ich den oben genannten:
dieses script in die seite mit dem iframe:
-------------------------------------------------------
function resize_me(n)
{
d=0;
ifObj=document.getElementsByName(n)[0];
p=(document.all)?'scroll':'offset';
eval("ifObj.style.height=window.frames[n].document.getElementsByTagName('body')[0]."+p+"Height+"+d);
}
</script>


und dieses hier in die seite die im iframe geladen wird:
--------------------------------------------------------------------------
onload="parent.resize_me'('iframe')"
einbinden sollte
wohin kommt denn das für due iframe seite
in den body den head ????
ich hab doch keine ahnung

kann mir bite bitte einer helfen
ich hoffe es ist klar geworden wie wichtig es is und dass ich ekienn peil hab
also antwortet bitte idiotensicher !!!!
10000 x danke schon jetzt !
lg climbmax

e1101
PostRank 1
PostRank 1
Beiträge: 1
Registriert: 02.01.2007, 21:06

Beitrag von e1101 » 02.01.2007, 21:08


acersun
PostRank 1
PostRank 1
Beiträge: 29
Registriert: 10.08.2006, 09:33

Beitrag von acersun » 03.01.2007, 13:14

<iframe name="myIframe" id="myIframe" src="iframe.html"></iframe>


und in der iframe.html

<html>
<body onLoad="parent.document.getElementById('myIframe').height=document.body.scrollHeight+20;">

</body>
</html>

Problem allerdings: Wenn die äußere Seite und die Iframe-Seite von verschiedenen Domains kommen setzen Sicherheitsrestriktionen ein: die Seiten können dann per JavaScript keine Informationen untereinander austauschen und das ganze funktioniert nicht.

Antworten
  • Vergleichbare Themen
    Antworten
    Zugriffe
    Letzter Beitrag