Spostare un blocco di codice contenuto tra i tag <div></div> in modo dinamico

Posted on 30. Apr, 2006 by Administrator in dhtml, tutorials


Obiettivo
In questo articolo tratteremo come spostare un blocco di codice contenuto tra i tag <div></div>.

Articolo
Per compiere il lavoro di spostare il blocco di codice contenuto tra i tag <div></div>, definiamo
una funzione

sposta(x,y)

che fara' al caso nostro. Essa prende come parametro l'ascissa e l'ordinata dove il blocco dovra' posizionarsi.

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
#blocco{
position:relative;
}
</STYLE>
<SCRIPT>
function sposta(x,y)
{
    document.getElementById("blocco").style.left = x;
    document.getElementById("blocco").style.top = y;
}
</SCRIPT>
</HEAD>
<BODY>
<DIV id="blocco">
<form name="theform">
sx: <input type="text" name="sx"> <br>
up: <input type="text" name="up"> <br>
<input type="button" value="sposta" onclick="sposta(document.theform.sx.value,document.theform.up.value)">
</form>
</DIV>
</BODY>
</HTML>


Correlati

3 Comments

Daniele

15. Dec, 2007

Buona sera..
Gentilmente vorrei spostare la tabella dei commenti verso destra sotto i topfriends come faccio?
Mi si è spostata al centro non riesco più a cambiare la disposizione del riquadro dei commenti!
Aspetto una vostra risposta gentilmente..
Vi ringrazio..spero che voi riusciate ad aiutarmi..
I mio my space è ……/nosepuzzle
Cordiali saluti..
Daniele..

giacomo

17. Oct, 2008

Ho utilizzato la procedura di spostamento come nell’esempio riportato di seguito.
Funziona correttamente su IE mentre non produce l’effetto voluto con Firefox.
Potrei avere un suggerimento?
Grazie in anticipo

esempio:
—————————-

Detect and view current coordinate mouse

#mov{
position:relative;
}

function sposta(x,y)
{
document.getElementById(“mov”).style.left = x;
document.getElementById(“mov”).style.top = y;
}

testo da muovere

giacomo

17. Oct, 2008

Detect and view current coordinate mouse#mov{position:relative;}function sposta(x,y){document.getElementById(“mov”).style.left = x;document.getElementById(“mov”).style.top = y;}testo da muovere

Leave a reply