Hallo zusammen,
ich möchte bzw. muss einen div container in den ich per include seiten einbinde, nicht mit den normalen scrollbars ausstatten, sondern mit hilfe von diesem script. Es erzeugt aber immer unter dem div platz sodass trotzdem die normalen scrollbars erscheinen. Und als ob das nicht genug wäre kann man bloß immer eine bestimmte pixelangabe im script machen die bestimmt wie lang der inhalt zu scrollen geht. Ich bräuchte also ein schöneres script oder etwas wie: height: auto;
Danke im voraus.
Hier das Script:
Code
function doresize ()
{location.reload();return false;}
if(document.layers)window.captureEvents(Event.RESIZE); window.onresize=doresize;
var js10 = (document.images)?false:true; // NN2.x
var js11 = (document.images) && ((window.screen)?false:true); // NN3.x
var ie = ((document.all) && (window.offscreenBuffering)) ? true : false; // IE >= 4.x
var isNS = ((document.captureEvents) && (!document.getElementById)) ? true : false; // NN4.x
var mz = ((document.getElementById) && (!document.all) && (document.documentElement)) ? true : false; // NN6/MZ
var op = ((document.getElementById) && (navigator.userAgent.indexOf('Opera') != -1)) ?true : false;
var isMacIE = ( (navigator.userAgent.indexOf("IE 4") > -1) && (navigator.userAgent.indexOf("Mac") > -1) );
y=0; weiter=0;
function testen()
{
br=0;
if (ie)
{
br=2;
schicht='document.all["';stil='"].style';
}
if (isNS)
{
schicht='document.layers.scrollWindowDiv.document.layers["';stil='"]';
}
if (mz)
{
schicht='document.getElementById("';stil='").style';
}
if(op)
{
schicht='document.getElementById("';stil='").style';
}
/* elsewindow.location.href="controlling.html"; // nur NN und IE !!!*/
}
function moveIt(wen,wert)
{
test=y; // Hilfsvariable
y+=wert;
if (y < -251 || y > 1)
{
y=test;
eval(schicht+wen+stil+'.top="'+y+'"');
}
else
{
eval(schicht+wen+stil+'.top="'+y+'"');
}
}
function scrollen(wert)
{
moveIt('scrollContentDiv',wert);
a=wert;
if ((weiter)&&(y<10)) setTimeout("scrollen(a)",1);
}
function gone()
{
if(isNS)
{
document.scrollWindowDiv.document.scrollContentDiv.moveTo(20,0);
y=0;
}
if(ie)
{
scrollContentDiv.style.pixelLeft=20;
scrollContentDiv.style.pixelTop=0;
y=0;
}
if(mz)
{
document.getElementById("scrollContentDiv").style.left="20px";
document.getElementById("scrollContentDiv").style.top="0px";
y=0;
}
if(op)
{
scrollContentDiv.style.pixelLeft=20;
scrollContentDiv.style.pixelTop=0;
y=0;
}
}
Alles anzeigen
CSS
Code
#scrollWindowDiv
{
position:absolute;
left:110;
top:110;
width:515;
height:330;
border:0px;
clip:rect(0,515,330,0);
z-index:1;
}
#scrollContentDiv
{
position:absolute;
left:30px;
top:0px;
width:515;
z-index:0;
}
Alles anzeigen
Html
PHP
<div align="center" id="scrollWindowDiv">
<table>
<tr>
<td><div id="scrollContentDiv">
<?php
switch($_GET['action'] )
{
case "start": include("start.html"); break;
case "sampler": include("sampler.html"); break;
case "login": include("login.html"); break;
case "impressum": include("impressum.html"); break;
default: include("start.html"); break;
}
?>
</div></td>
</tr>
</table>
</div>
Alles anzeigen