moveTo und for-Schleife?

[Joachim]

hallo,
ich versuche, einen Layer zu bewegen (zunaecht nur NC, MSIE kommt spaeter, und bis zur "cross-browser"
Version geht bestimmt die naechste woche rum;-)
Also:

<DIV ID="bild1" STYLE="position: absolute; top: 0; left: 0; WIDTH: 118; HEIGHT: 99; visibility: show">
<IMG SRC="mutter.gif" WIDTH="118" HEIGHT="99">
</DIV>

Das waere mein Layer, der sich ja mit:

document.bild1.moveTo(x,y);

und einer entspr. Wechselfunction bewegen laesst. Kann man diese Methode mit einer for-Schleife verbinden, so dass die Grafik pixelweise weiterbewegt wird? Also irgendwie so:

for(var i=1; i<50; i++)
{
document.bild1.moveTo(+i,50);
}

nur funktioniert das leider nicht :-( sonst haette ich ja nicht posten muessen :-)

Vielleicht faellt Euch ja was ein. Bis dahin viele Gruesse

Joachim

[Thomas Hieck]

und einer entspr. Wechselfunction bewegen laesst. Kann man diese Methode mit einer for-Schleife verbinden, so dass die Grafik pixelweise weiterbewegt wird? Also irgendwie so:

for(var i=1; i<50; i++)
{
document.bild1.moveTo(+i,50);
}

Sieht gut aus, aber ich tippe mal, dass die Schleife 50 mal in 0 komma nicht vorbei war :-)

Solche Bewegungen macht man mit setTimout. Das koennte in deinem speziellen Fall ungefaehr so aussehen:

function Move(i){
  if(i<=50){
    document.bild1.moveTo(i,50);
    setTimeout("Move("+(i++)+")",50);
  }
}

Move(0);

Viel Spass beim probieren, Thomas Hieck

[Joachim]

Hi Thomas,
den hab ich gehabt, denn nach einer kleinen Aenderung:

setTimeout("Move("+(i++)+")",50);

da reicht: window.setTimeout('Move(i++)',50);

laeufts. Und mit: document.all.ID_XYZ.style.left=i
auch im MSIE :-) Wieder was schoenes gelernt, wusste nicht das man i++ so in eine Wechselfunktion einbauen kann. Jetzt bastle ich mir die cross-browser Version...

Also, herzlichen Dank und viele Gruesse

Joachim