Spostare dinamicamente degli elementi

[Linusss]

E' possibile cambiare dinamicamente la posizione degli elementi della pagina?
Ad esempio la posizione di un div, con tutto quello che contiene, o semplicemente di un form...
Si può?

[Xinod]

cosa intendi con dinamicamente?
approfondisci la richiesta

document.getElementById('id_elemento').style.top=' 50px';
document.getElementById('id_elemento').style.left= '300px';

[Linusss]

Che la poszione la posso variare qaundo la pagina è già caricata!
Oppure per esempio, farli muovere nel vero senso della parola, spostare nello schermo!
Se inserisco un ciclo nel codice, che mi inncrementa una variabile, la quale variabile la applico così:

for(i=0;i<500;i++)
{
document.getElementById('id_elemento').style.left=i;
}

Come si dovrebbe comportare? Cioè prima di visualizzare la pgina finisce il ciclo e quindi vedo l'elemento alla posizione 500, oppure vedo l'elemento che si sposta?

[Xinod]

non vedi l' elemento che si sposta perche' l' esecuzione del ciclo e' troppo veloce per il ridisegno del browser

devi richiamare (dopo tot millisecondi, setTimeout o ogni tot millisec, setInterval) una funzione che incrementi i valori che ti interessano

[Linusss]

Ho provato ma sembra tutto immobile...

[Linusss]

Mi sa che è sbagliata sta espressione:
document.getElementById('id_elemento').style.left

perchè non succede nulla.

[Xinod]

beh, che ne diresti di postare un po' di codice?

[Linusss]

Ho provato anche solo inserendo quellaù'espressione con un valore ma non fa nulla, cmq il codice sarrbe questo:
FUNZIONE

<script language="javascript">
function sposta(i)
{
     document.getElementById('id_prova').style.left=i;
}
</script>

NEL BODY

<script language="javascript">
for(i=0;i<500;i++)
     setTimeout("sposta(i)",100);
</script>
<div id="id_prova">AAAAAAAAAAAAAAAAA</div>

Ma non fa nulla...ho provato a fare altro tipo cambiare i font, o il colore ma nn succede nulla...

[Linusss]

up