Ja, ik weet, de titel is een beetje verwarrend 
Ik ben bezig met een fade class in Javascript om DIV's te kunnen in en uitfaden, mijn code is als volgt:
Nu wil ik dus zoals het hier staat met een setTimeout dezelfde method in de class aanroepen, maar hij zegt dat dit niet gaat, hoe kan ik dit oplossen?
Ik ben bezig met een fade class in Javascript om DIV's te kunnen in en uitfaden, mijn code is als volgt:
HTML:
<script language="javascript">
function fader(divID) {
this.element = document.getElementById(divID);
this.opacity = this.element.style.opacity;
this.fadeIn = function(){
if (this.opacity < 100) {
this.opacity += 10;
this.element.style.opacity = (this.opacity / 100);
setTimeout("this.fadeIn()",50);
}
}
this.fadeOut = function(){
if (this.opacity > 0) {
this.opacity -= 10;
this.element.style.opacity = (this.opacity / 100);
setTimeout("this.fadeOut()",50);
}
}
}
function faders() {
fade1 = new fader('div1');
fade1.fadeIn();
fade2 = new fader('div2');
fade2.fadeIn();
}
</script>
<body onLoad="faders();">
<div id='div1' style="background: #FF0000; opacity: 0;">
Test 1
</div>
<div id='div2' style="background: #FF0000; opacity: 0;">
Test 2
</div>
</body>Nu wil ik dus zoals het hier staat met een setTimeout dezelfde method in de class aanroepen, maar hij zegt dat dit niet gaat, hoe kan ik dit oplossen?
Laatst bewerkt:
