✔ Mehrer frames: automatischposition onload scrollen

Eigentlich nur einen bestimmten Bereich. Habe gerade scrolling "no" hinzugefügt, verschwindet aber nur der Balken; wie kann ich das scrolling-option komplett, bis auf den onlaod, verhindern?

Frame in referirende datei mittels iframe einlesen und auf einer anderen seite im frame ausgeben und die Position festlegen funktioniert. freu, fortschritt :)

Habe folgendes gemacht:
Code: 
<html>
<head>
<script language="javascript" type="text/javascript">
function scrollWindow(){
    f1 = document.getElementsByName("frame1")[0];
    f2 = document.getElementsByName("frame2")[0];
    f3 = document.getElementsByName("frame3")[0];
    f4 = document.getElementsByName("frame4")[0];

    f1.contentWindow.scrollTo(0, 150);
    f2.contentWindow.scrollTo(0, 150);
    f3.contentWindow.scrollTo(0, 150);
    f4.contentWindow.scrollTo(275, 200);
}
</script>
      <meta http-equiv="refresh" content="10; URL=data.html" />

</head>

<body>
<iframe name="frame1" scrolling="no" onload="scrollWindow();" src="1.html" width="700" height="510"></iframe>

<iframe name="frame2" scrolling="no" onload="scrollWindow();" src="2.html" width="700" height="510"></iframe>

<iframe name="frame3" scrolling="no" onload="scrollWindow();" src="3.html" width="700" height="510"></iframe>

<iframe name="frame4" scrolling="no" onload="scrollWindow();" src="4.html" width="700" height="510"></iframe>
</body>

</html>

und in 1.html bis 4.html sind großzügig ausgeschnitten die einzelnen gewünschten Objekte als iframe.
 
Zuletzt bearbeitet:
Hätte hier eventuell noch eine andere Lösung:

HTML: 
<style type="text/css">
#div1
{
	position: absolute;
	top: 50px;
	left: 50px;
	height: 300px;
	overflow: hidden;
}
#frame1
{
	margin-top: -300px;
	margin-left: -200px;
}
#div2
{
	position: absolute;
	top: 250px;
	left: 50px;
	height: 300px;
	overflow: hidden;
}
#frame2
{
	margin-top: -50px;
	margin-left: -50px;
}
</style>
<body>
<div id="div1">
	<iframe id="frame1" src="http://www.tutorials.de" width="500" height="500" scrolling="no"></iframe>
</div>
<div id="div2">
	<iframe id="frame2" src="http://www.ebay.de" width="500" height="500" scrolling="no"></iframe>
</div>
</body>

Hier werden die iframe´s innerhalb von div-Containern platziert und mit hilfe von CSS dann so verschoben als ob gescrollt wurde.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück