javascript: scroll div buttons

[Verwijderd]

He luitjes,

Ik heb een div met daarin een tabel als inhoud (hoogte van de tabel is variabel.. dus niet vast met een bepaalde pixel hoogt) de div waarin deze tabel staat heet 'adverteerdersoverzicht' .
boven deze div staat een button en eronder ook. deze roepen de scripts omhoog/omlaag aan.

Het is dan dus de bedoeling dat de inhoud van 'adverteerdersoverzicht' naar boven / beneden scrollt..
maar hij werkt maar 1 maal. Ik snap wel waarom het is.. hij zet de top op 10 of -10 ipv dat hij bij de huidige waarde 10 op of af trekt... maar ik weet zo 123 niet hoe ik die berekening moet laten maken..

wat verder nog wel mooi zou zijn is dat hij nooit verder kan doorscrollen dan dat de tabel hoog is.. dus niet dat de inhoud uit het beeld (lees: div) loopt.

Hieronder mijn scriptje..


<script type="text/javascript">

function omhoog() {
ScrollTimer1 = setInterval("omhoog_actie()", 50);
}

function omlaag() {
ScrollTimer2 = setInterval("omlaag_actie()", 50);
}
function omhoog_actie()
{
a = document.getElementById('adverteerdersoverzicht');
a.style.top -= 10;
}

function omlaag_actie()
{
b = document.getElementById('adverteerdersoverzicht');
b.style.top += 10;
}
</SCRIPT>

[SchizoDuckie]

gebruik alsjeblieft een iframe oid of een divje met een overflow scroll om content in te scrollen.
Ik weet dat het misschien niet super mooi is om een standaard scrollbar in je site te hebben, maar het is nog veel irritanter als je niet gewoon met je scrollwiel door een stuk tekst heen kan scrollen, of moet wachten op een of ander scriptje van een fetishistische designer

Verder zijn er vast en zeker zat standaard skinnable scroll dingen te vinden die je kunt gebruiken en hoef je wat dit betreft niet het wiel uit te vinden met alle meuk die daar bij hoort. (waar zitten bijv. jouw clearInterval()'s ?)

[Verwijderd]

Er zijn twee opties die ik zelf nog wel leuk vindt:
http://demos.mootools.net/Scroller

En deze 2:
http://www.dynamicdrive.com/dynamicindex2/pagescroller.htm
http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm

[_Thanatos_]

waar zitten bijv. jouw clearInterval()

Dat is niet het enige wat fout gaat. Ik zie 4 defined globals, 4 inferred undefined globals, 2 evals, 2 lengtes zonder unit, en de close-tag is incorrect.

Buiten die foutjes, doe gewoon overflow:auto, en je bent klaar. Hoef je ook geen obstrusive javascript te schrijven

[tonyisgaaf]

_Thanatos_ schreef op woensdag 09 april 2008 @ 01:08:
[...]

Dat is niet het enige wat fout gaat. Ik zie 4 defined globals, 4 inferred undefined globals, 2 evals, 2 lengtes zonder unit, en de close-tag is incorrect.

Buiten die foutjes, doe gewoon overflow:auto, en je bent klaar. Hoef je ook geen obstrusive javascript te schrijven

En als je dan echt, nee écht een eigen scrollbar wilt, kijk dan bijvoorbeeld eens naar flexcroll (betaald). Kost je wat, maar dan heb je ook wat, inclusief scrollwheel support, volledig op te maken en "unobtrusive degradation".

Tenzij het hobby is en dan kan ik je alleen maar aanmoedigen deze uitdaging aan te gaan! En misschien stiekem even een paar voorbeelden door te spitten.

[XangadiX]

overflow auto lijkt mij ook de oplossing;
verder vind ik de TS eigenlijk te veel naar een "kan iemand even..." ruiken en dat zien we hier liever niet
kijk ook eens op Webdesign, Markup & Clientside Scripting Policy