nicht angemeldet
div in x-/y- Achse bewegen
Hallo,
Ich bin auf der Suche nach einem JavaScipt, das
1.) die CSS-Deklaration „overflow: auto“ durch „overflow: hidden“ ersetzen soll und
2.)dann die nun fehlenden Scrollbalken durch Schaltflächen (gifs) für rauf-runter bzw. links-rechts ersetzt.
Oder anders: Wie kann ich mittels eines JS den Inhalt eines divs in x-und y-Achse bewegen?
Ich habe alles Mögliche zu Scrollern gefunden, aber nichts, was ich ich eigentlich suche.
Wonach muß ich suchen? (Stichwort?)
Oder weiß vielleicht jemand sogar wo ich so ein Script finden kann?
-
Hallo,
Oder weiß vielleicht jemand sogar wo ich so ein Script finden kann?
Hier:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Scroll-Test</title>
<meta http-equiv='content-type' content='text/html;charset=ISO-8859-1'>
<script type="text/javascript">
<!--
var oben = 0;
var ud;
function scroll( updown ) {
if ( updown == 'up' ) oben = oben -10; else if ( updown == 'down' ) oben = oben +10;
window.document.getElementById( 'info' ).style.marginTop = oben+"px";
ud = updown;
if ( updown != 'stop' ) setTimeout("scroll( ud )",100 );
}
//-->
</script>
</head><body>
<table border=1>
<tr><td align=right onMouseover="scroll('down')" onMouseout="scroll('stop')">Maus hier = down</td></tr>
<tr><td><div style="width:300px; height:300px; max-height:300px; overflow:hidden">
<p id="info">
<script type="text/javascript">
<!--
for(var i=1; i<=100; i++)
document.write("<br>Zeile " +i );
//-->
</script>
</p></div></td></tr>
<tr><td align=right onMouseover="scroll('up')" onMouseout="scroll('stop')">Maus hier = up</td></tr>
</table></body></html>
-
Dank an Kalle B. Wenigstens in einer Richtung bewegt sich schon was!
Mal sehen ob ich's auch in mein div eingebaut bekomme.
Schönen Gruß, -Alex
-