Scroll bar
Hej.Jeg har fundet det her javascript. men jeg kan ikke få det til at scroll i breden, er der nogen der ved hvordan man gør det.
<html>
<head>
</head>
<body>
<script type="text/javascript">
var width3=300;
var height3=150;
var scrollbarWidth3=14;
var scrollbarHeight3=15;
var scrollUp="scroll_up.gif";
var scrollDown="scroll_down.gif";
var marginwidth=14;
var speed3=10;
var contentExtraHeight3=7;
var containerheight3=height3;
var contentwidth3=width3-scrollbarWidth3-(2*marginwidth);
var movedownvar3="";
document.write('<div id="container3" style="position:relative; width:'+width3+'; height:'+height3+'; overflow:hidden;">');
document.write(' <div id="Acontent3" style="position:absolute; width:'+contentwidth3+'; left:0; top:0; margin-left:'+marginwidth+'; margin-right:14;">');
</script>
Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt.<br><br>
Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt.<br><br>
Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt. Lorem ipsum dolor sit amet sum es est sumus estis sunt.
<script type="text/javascript">
document.write(' </div>');
var crossobj3=document.getElementById("Acontent3");
document.write('<div id="scrollUp3" style="position:absolute; width:'+scrollbarWidth3+'; height:'+scrollbarHeight3+'; left:'+(width3-scrollbarWidth3)+'; top:0;"><a href="#" onmouseover="moveup3()" onmouseout="clearTimeout(moveupvar3)"><img src="'+scrollUp+'" width="'+scrollbarWidth3+'" height="'+scrollbarHeight3+'" alt="" border="0"></a></div>');
document.write('<div id="scrollDown3" style="position:absolute; width:'+scrollbarWidth3+'; height:'+scrollbarHeight3+'; left:'+(width3-scrollbarWidth3)+'; top:'+(height3-scrollbarHeight3)+';"><a href="#" onmouseover="movedown3()" onmouseout="clearTimeout(movedownvar3)"><img src="'+scrollDown+'" width="'+scrollbarWidth3+'" height="'+scrollbarHeight3+'" alt="" border="0"></a></div>');
function movedown3() { contentheight3=crossobj3.offsetHeight; if(parseInt(crossobj3.style.top)>=(contentheight3*(-1)+containerheight3-contentExtraHeight3)) { crossobj3.style.top=parseInt(crossobj3.style.top)-speed3; } crossobj3.top-=speed3; movedownvar3=setTimeout("movedown3()",50); }
function moveup3() { contentheight3=crossobj3.offsetHeight; if(parseInt(crossobj3.style.top)<=-speed3) { crossobj3.style.top=parseInt(crossobj3.style.top)+speed3; } crossobj3.top+=speed3; moveupvar3=setTimeout("moveup3()",50); }
document.write('</div>');
</script>
</body>
</html>
mvh.
Christian
