Archief - JS: Een div laten scrollen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Fr3aK

Legacy Member
ik heb volgende code:
Code:
function ScrollDown() {
	document.getElementById('right').ScrollBy(0,5);
	Timer = setTimeout("ScrollDown()",10);
}

function ScrollUp() {
	document.getElementById('right').ScrollBy(0,-5);
	Timer = setTimeout("ScrollUp()",10);
}

function StopIt() {
	getElementById('right').clearTimeout(Timer);
}
En dit staat in men index.php file
Code:
<div id="right">
BlaBla<br />
BlaBla<br />
BlaBla<br />
BlaBla<br />
BlaBla<br />
</div>

<div id="btn_up"><img src="images/up.gif" alt="" class="scroll" onmouseover="ScrollUp()" onmouseout="StopIt()" /></div>
<div id="btn_down"><img src="images/down.gif" alt="" class="scroll" onmouseover="ScrollDown()" onmouseout="StopIt()" /></div>
Nu wil die div niet scrollen, in FF zegt de error dat document.getElementById('right').ScrollBy geen geldige functie is...

Need help :help:

zero2one

Legacy Member
Ge hebt in uw code maar 3 javascript functions en ik zie daar geen "ScrollBy" bij staan!

(enkel "ScrollDown", "ScrollUp" & "StopIt")

Mischien hebt ge een stuk van de code vergeten toen ge ze van een scriptsite hebt afgehaald?

Fr3aK

Legacy Member
zero2one zei:
Ge hebt in uw code maar 3 javascript functions en ik zie daar geen "ScrollBy" bij staan!

(enkel "ScrollDown", "ScrollUp" & "StopIt")

Mischien hebt ge een stuk van de code vergeten toen ge ze van een scriptsite hebt afgehaald?
ScrollBy is een functie van JS zelf :)
Ik weet zelfs al ni meer van waar deze code komt maar ik gebruik ze wel voor een iframe op een andere site en daar werkt het.

Fr3aK

Legacy Member
Mjah twerkt ook ni me scrollBy :(
Kan het zijn dat die functie alleen effect heeft op een window zoals een iframe ?

dJeez

Legacy Member
Fr3aK zei:
Mjah twerkt ook ni me scrollBy :(
Kan het zijn dat die functie alleen effect heeft op een window zoals een iframe ?

scrollBy is een method van een window, dus ja, dat werkt niet met divs. Bij een div moet je met offsetTop/offsetLeft werken dacht 'k.

BloodSeaker

Legacy Member
Ge kunt uw div toch laten scrollen in css

geef die een vaste height en zet dan overflow op auto

Fr3aK

Legacy Member
BloodSeaker zei:
Ge kunt uw div toch laten scrollen in css

geef die een vaste height en zet dan overflow op auto
Ik wil het met JS doen omdat een scrollbalk lelijk is in men design ;)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan