[JS] Div box verplaatsen

[4Real]

code:

<style>
#if_background
{
    position:absolute; 
    top:  0;
    left:0;
}
</style>

<script language="JavaScript">
function doMove()
{
    document.getElementById("if_background").style.top -= 10;

    setTimeout("doMove()", 1000);
}
</script>

<div id="if_background">
    [img]'http://www.pakspul.nl/global/templates/images/background.jpg'>
</div>


<script[/img]doMove();</script>

Ik heb dit in elkaar gepruts maar hij beweegt één keer en daarna geeft hij een fout. Hij geeft daarna de fout bij

code:

    document.getElementById("if_background").style.top -= 10;

Maar de eerste keer gaat die wel goed.

[AtleX]

Wat voor fout geeft hij dan?

[Verwijderd]

Ik doe het anders maan kan je niet gewoon:

[code]
document.getElementById('if_background'').style.left = document.getElementById('if_background'').style.left - 10;
[/code
Is dat niet een oplossing dat ie bij jouw wel blijft werken ?

[ Voor 26% gewijzigd door Verwijderd op 06-10-2005 09:32 . Reden: Goede namen ]

[Borizz]

Dat is niet zo gek want style.top is namelijk een String en geen Integer. Tevens wordt er achter het getal 'px' (pixels) gezet als je geen eenheid opgeeft. Je moet het getal er dus uitfilteren en dan kan je het pas aanpassen.

[Verwijderd]

Je bent zowiezo verplicht om de toekenning te voorzien van 'px' anders gaat oa Gecko over zijn nek.

Kortom, een parseInt(string) + 'px';

[André]

code:

document.getElementById("if_background").style.top -= 10;

Dit gaat nooit werken, -= werkt niet op een string

Probeer het eens zo:

code:

t = document.getElementById("if_background");
t.style.top = (parseInt(t.style.top) - 10) + "px";

[Verwijderd]

code:

<script language="JavaScript">
function doMove()
{
    document.getElementById("if_background").style.top -= 10;

    setTimeout("doMove()", 1000);
}
</script>

ow sorry ben nog niet geheel wakker....
maar netjes is het niet...

[ Voor 34% gewijzigd door Verwijderd op 06-10-2005 09:53 ]

[Borizz]

Verwijderd schreef op donderdag 06 oktober 2005 @ 09:41:
[...]

ik denk dat ie vast loopt bij een oneindige loop, want je spreekt die functie in een functie aan, wat volgens mij niet helemaal zo goed gaat...

Dat is onzin, er is geen sprake van een loop er wordt gewoon een timeout gezet om de functie na 1 seconde nogmaals uit te voeren.

[4Real]

code:

function doMove()
{
    el = document.getElementById("if_background");
    el.style.top = (parseInt(el.style.top) - 10) + "px";

    setTimeout("doMove()", 1000);
}

Ik gebruik nu deze functie en hij zegt nu, Invalid argument