[DIV]onClick e spostare i Div

[lbottoni]

Ciao, vorrei riuscire a fare un movimento verso l'alto o verso il basso di un div e del suo contenuto, ma come posso fare?

<script>
function muovi()
   {sposta il div pippo di 20px...}
</script>

clicca qui
<div id="pippo">qualcosa</div>

[Mega69]

Prima di tutto devi settare la proprietà css position ad absolute, perchè con relative il valore dell'offsetTop potrebbe essere calcolato male, soprattutto se usi i float.

Poi usi questa funzione:

function muovi(obj, move) {
    obj.style.top=(obj.offsetTop+move)+px;
}


//ESEMPIO: 

window.onload=function() {
   muovi(document.getElementById("pippo"), 20);
}

[lbottoni]

questo metodo è compatibile con tutti i browser?

[Mega69]

In linea di massima, se ti funziona con uno ti funziona con ( quasi ) tutti.
Almeno i principali ( IE, FF, OP, SF ) non dovrebbero dare problemi.

[lbottoni]

aggiungo quello che non ho fatto prima...Grazie Mega69