Hi at all,
ich habe hier einen Scroller den ich normalerweise für Iframes benutze. Da ich jetzt aber weg von dem ganzen Frameaufbau will, sonder alles in div und css aufbauen möchte habe ich versucht den scroller für meine Bedürfnisse umzubauen, leider ohne Erfolg. Ich hoffe das Ihr hier vielleicht einen Tipp für mich habt.
greets
Loco
ich habe hier einen Scroller den ich normalerweise für Iframes benutze. Da ich jetzt aber weg von dem ganzen Frameaufbau will, sonder alles in div und css aufbauen möchte habe ich versucht den scroller für meine Bedürfnisse umzubauen, leider ohne Erfolg. Ich hoffe das Ihr hier vielleicht einen Tipp für mich habt.
greets
Loco
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<script type="text/JavaScript">
<!--
var scrollTimer;
sd_off = new Image( );
sd_off.src = "pics/scrolling/ScrollButt_+_off.gif";
sd_on = new Image( );
sd_on.src = "pics/scrolling/ScrollButt_+_on.gif";
su_off = new Image( );
su_off.src = "pics/scrolling/ScrollButt_-_off.gif";
su_on = new Image( );
su_on.src = "pics/scrolling/ScrollButt_-_on.gif";
function StartScrolling( Direction, content ){
if( Direction == 'up' ){
if( content == 0 ){
scrollTimer = setInterval( "content[0].content[0].scrollBy( 0, -10 )", 100 );
} else {
scrollTimer = setInterval( "content[0].content[1].scrollBy( 0, -10 )", 100 );
}
} else {
if( content == 0 ){
scrollTimer = setInterval( "content[0].content[0].scrollBy( 0, 10 )", 100 );
} else {
scrollTimer = setInterval( "content[0].content[1].scrollBy( 0, 10 )", 100 );
}
}
}
//-->
</script>
</head>
<body>
<div id="content" style="position:absolute; left:173px; top:132px; width:520px; height:286px; z-index:1; clip: rect(auto,auto,200,auto);">
<p>cxvcxvxcvx</p>
<p>vc</p>
<p>xcv</p>
<p>xcv</p>
<p>xc</p>
<p>v</p>
<p>xcv</p>
<p>xc</p>
<p>vcxvcxvcvxcv</p>
<p>vxc</p>
<p>v</p>
</div>
<div id="scrollcontrol">
<a href="#" onMouseDown="javascript:StartScrolling( 'down', 0 );" onMouseUp="javascript:clearInterval( scrollTimer );"><img id="pSDown" onMouseover="javascript:BildTausch( 'pSDown', sd_on );" onMouseout="javascript:BildTausch( 'pSDown', sd_off );" src="pics/scrolling/ScrollButt_+_off.gif"></a>
<a href="#" onMouseDown="javascript:StartScrolling( 'up', 0 );" onMouseUp="javascript:clearInterval( scrollTimer );"><img id="pSUp" onMouseover="javascript:BildTausch( 'pSUp', su_on );" onMouseout="javascript:BildTausch( 'pSUp', su_off );" src="pics/scrolling/ScrollButt_-_off.gif"></a>
</div>
<div id="scrollcontrol2">
<a href="#" onMouseDown="javascript:StartScrolling( 'down', 1 );" onMouseUp="javascript:clearInterval( scrollTimer );"><img id="pS2Down" onMouseover="javascript:BildTausch( 'pS2Down', sd_on );" onMouseout="javascript:BildTausch( 'pS2Down', sd_off );" src="pics/scrolling/ScrollButt_+_off.gif"></a>
<a href="#" onMouseDown="javascript:StartScrolling( 'up', 1 );" onMouseUp="javascript:clearInterval( scrollTimer );"><img id="pS2Up" onMouseover="javascript:BildTausch( 'pS2Up', su_on );" onMouseout="javascript:BildTausch( 'pS2Up', su_off );" src="pics/scrolling/ScrollButt_-_off.gif"></a>
</div>
</div>
</body>
</html>
