nicht angemeldet
Hi,
schau Dir mal das Testscript an: zwei verschachtelte Divlayer, der Aeussere "begrenzt" das Fenster, dem Inneren weist Du Koordinaten zu:
<html><head>
<style type="text/css">
#fenster {position:absolute;top:100px;left:100px;width:100px;height:100px;clip:rect(0 100 100 0);overflow:hidden;}
#bild {position:absolute;top:0px;left:0px;width:auto;height:auto;layer-background-color:red;background:red;border:none;}
</style>
<script language="javascript" type="text/javascript">
function go(x,y){
refDiv('fenster','bild').left = x + (document.documentElement? "px" : 0);
refDiv('fenster','bild').top = y + (document.documentElement? "px" : 0);
}
// Liefert Div-Referenzierung fuer NC, NC6 und IE
function refDiv(oDiv,iDiv){
return (document.layers? document.layers[oDiv].document.layers[iDiv] : (document.all? document.all[iDiv].style : document.getElementById(iDiv).style));
}
</script>
</head><body>
<div id="fenster">
<div id="bild">
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
HierkommtDeinschoenstesallerPanoramabilderhineindamimansichallesansehenkann<br>
</div>
</div>
Achtung: Minus-Zahlen eingeben, denn der Layer bewegt sich ja im Minus-Bereich.
<form Name="dpl">
<input type="text" name="xval" size="5"><br>
<input type="text" name="yval" size="5"><br>
<input type="button" value="go" onclick="go(this.form.xval.value,this.form.yval.value)">
</form>
</body></html>
Gruesse Joachim