[JS] Spostare un livello con animazione (setTimeout non funziona???)

[XSonic]

Stato: Risolto al post #2
Altro problema al post #5

Dopo una giornata di ricerche (eh... sono le 2 ) rieccomi di nuovo sul forum.

Dovrebbe essere una cosa semplicissima ma...

Dovrei solo spostare un livello da un punto ad un altro -pixel per pixel-, cioè come si vede nella gif sopra

Ho fatto questa funzione ma setTimeout non rispetta il tempo!!!

function move(){ //muovi di un pixel il div "logo"
  document.getElementById("logo").style.left = i+"px"; //muove "logo" alla posizione i
  i++; 
  if (i<200) //se non è arrivato a destinazione...
    setTimeout(move(),100); //riesegui ogni 0.1s
}

Il risultato è che mi ritrovo "logo" a destinazione senza animazione, cioè lo fa all'istante senza rispettare setTimeout(move(),100);



PS: Fireworks fa schifo nella creazione di GIF di peso ridotto

[andbin]

Originariamente inviato da XSonic

setTimeout(move(),100); //riesegui ogni 0.1s[/code]

C'è un errore: non devi mettere le () nell'argomento di setTimeout.
Avendo messo le () tu hai chiamato la funzione move in modo ricorsivo. Lo scorrimento non avviene perché facendo la ricorsione, incrementi in effetti il valore di 'i' ma blocchi il thread (Javascript è single-thread). Solo quando tutta la catena di ricorsione finisce, allora la finestra viene aggiornata. Ma a quel punto i è già al massimo valore possibile, quindi lo spostamento è immediato.

[XSonic]

GRAZIE! (link ad un esempio temporaneo)

Mi dici dove hai imparato tutte queste cose? Esperienza o manuali ben fatti? (entrambi? )
Sto leggendo il secondo manuale che ho trovato su HTML.it ma ci sono sempre le stesse cose base... dove potrei trovare un manuale un po' più approfondito con/e una lista degli oggetti JS?

[andbin]

Originariamente inviato da XSonic

Mi dici dove hai imparato tutte queste cose? Esperienza o manuali ben fatti? (entrambi? )

Esperienza, studio e sopratutto facendomi sempre un mazzo tanto ....

Originariamente inviato da XSonic

Sto leggendo il secondo manuale che ho trovato su HTML.it ma ci sono sempre le stesse cose base... dove potrei trovare un manuale un po' più approfondito con/e una lista degli oggetti JS?

Su Javascript (e in generale il DOM) trovi parecchia roba, questi sono solo alcuni link:

- http://developer.mozilla.org
- http://www.devguru.com/Technologies/...ipt_index.html
- http://www.irt.org/script/script.htm

[XSonic]

Grazie!
Interessante il secondo! Quello che cercavo!

Te dove hai studiato i linguaggi che conosci? Scuola, internet, libri?

EDIT: vedo che hai studiato dai libri...

EDIT: provando ad usare uno script per modificare la trasparenza degli oggetti ho ottenuto buoni risultati, solo che su IE scompare l'antialiasing addirittura sul testo
In ordine: FF, IE7 e IE6 (di IE6 sapevo già che non supportava la trasparenza delle PNG, sta cosa del testo però..)

[XSonic]

Aiutino?