[OPGELOST] Javascript margin-top veranderen wil niet...
Ik ben bezig met een simpel systeempje, om elke 50 milisec een div van margin te laten veranderen.
Stel de div is 23 px buiten beeld, dan wil ik elke 50 ms de div 1 px laten zakken door de margin-top aan te passen.
ik had me dat ongeveer zo voorgesteld:
Code (php)
1
2
2
for($i=-23;$i<0;setTimeout("$i++", 2000))
document.getElementById('bar').style.marginTop = $i;
document.getElementById('bar').style.marginTop = $i;
Maar, wat ik ook doe, hij blijft 'hangen', en FF geeft een melding, dat er een script vastloopt.
Weet iemand wat er misgaat? Of denk ik gewoonweg te eenvoudig?
Gewijzigd op 01/01/1970 01:00:00 door Leon Kunst
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<script>
var i = -23;
function beweeg()
{
if( i < 0)
{
i++;
document.getElementById('bar').style.marginTop = i;
setTimeout("beweeg()", 200);
}
}
</script>
var i = -23;
function beweeg()
{
if( i < 0)
{
i++;
document.getElementById('bar').style.marginTop = i;
setTimeout("beweeg()", 200);
}
}
</script>
Gewijzigd op 01/01/1970 01:00:00 door Jorrit
ik heb achter i; dit veranderd:
i + 'px';
als ik de code uit de while lus trek, dan werkt het wel gewoon...
Maar hij fixed gelijk al bij laden van de pagina die hele while lus lijkt het wel, want hij pleurt hem gelijk op 0px (dus die 23 stappen door in de lus)
Ik zie dus niets veranderen in korte trapjes...
Code (php)
1
<body onLoad='beweeg()'>
Dat kan natuurlijk ook onder een knop ofzo. Wat voor browser gebruik je? Bij mij werkt het in FF en IE.
idd... dat was wel errug dom van me :P
Hier werkt ie ook super nu, tof!!!
Ik kwam er maar niet uit :)
Problem Solved!