Hej, jeg er ved at lave en side hvor man skal kunne scrolle et felt, ved at trykke på en knap. Håber nogen kan hjælpe =)
Hej, prøv denne her kode. Dog virker den kun i IE
<!-- Din tekst -->
<div id="boks" style="overflow:hidden">
Din tekst
</div>
<!-- Din tekst slut -->
<!-- Selve scroll funktionen -->
<script>
var vej=0;
function op_ned()
{
document.all.boks.scrollTop=parseInt(document.all.boks.scrollTop)+parseInt(vej);
}
setInterval("op_ned()",1);
</script>
<!-- scroll menu -->
<a style="position: absolute;vertical-align: top" onmouseover="vej=-2;" onmouseout="vej=0;">
scroll op</a>
<a onmouseover="vej=2;" onmouseout="vej=0;">
scroll ned</a>
Håber det kan hjælpe dig. Du kan se hvordan det virker på www.cbit.dk
Hilsen Fraser
[Redigeret d. 06/08-05 15:45:31 af Frederik (Fraser)]
Her er noget der også virker i FF:
<a onmouseover="vej=-1;" onmouseout="vej=0;">op</a>
<script>
var vej=0, hoejde=200, bredde=200;
document.write('<div style="overflow: hidden;width: '+bredde+'px;height: '+hoejde+'px;"><div id="ruller" style="position: relative;top: 0;width: '+(bredde-20)+'px;">');
</script>
h askdlfjsd jfkaskdfh asdjkf kasdhfjasdfkl hajfaskjdfkaldsjf hlasdhflkjasdhfkjahsd fkjhadsfjhasdjfald kjflakjsdfh kljasdfasdf asdf
h askdlfjsd jfkaskdfh asdjkf kasdhfjasdfkl hajfaskjdfkaldsjf hlasdhflkjasdhfkjahsd fkjhadsfjhasdjfald kjflakjsdfh kljasdfasdf asdf
fkjhadsfjhasdjfald kjflakjsdfh kljasdfasdf asdf
</div></div>
<a onmouseover="vej=1;" onmouseout="vej=0;">ned</a>
<script>
function rul()
{
var nu=parseInt(document.getElementById('ruller').style.top);
if((vej==1 && nu==0) || (vej==-1 && nu==-parseInt(document.getElementById('ruller').offsetHeight)+bredde))
return 0;
document.getElementById('ruller').style.top=parseInt(document.getElementById('ruller').style.top)+vej;
}
setInterval("rul()", 1);
</script>
Hilsen Mathias