-
drag drop
Scusate l'ignoranza ma la mia conoscenza del java è limitata a piccole modifiche, sulle funzioni sono ancora un po confuso ma veniamo al sodo; ho quasto script:
Codice:
<script>
var Giu = true;
var L, T, X, Y;
function Coordinate()
{
if (event.srcElement.id == "M")
{
Giu = true;
document.onmousemove = Muovi;
L = document.getElementById("M").style.pixelLeft;
T = document.getElementById("M").style.pixelTop;
X = event.clientX;
Y = event.clientY;
}
}
function Muovi()
{
if (Giu)
{
document.getElementById("M").style.pixelLeft = L + event.clientX - X;
document.getElementById("M").style.pixelTop = T + event.clientY - Y;
}
}
function Su() { Giu = false; }
document.onmousedown = Coordinate;
document.onmouseup = Su;
<script>
In pratica mi permette di usare la tecnica del drag and drop su un div con id=M e funziona benissimo.Quello che vorrei fare è aggiungere altri 2 elementi che posso 'draggare' :wink:
Mi date una mano perfavore...
-
Potresti postare anche il resto della pagina?
Ciao!
-
Lo script è tutto li e va in questa pagina...tra i tag head ovviamente
Codice HTML:
<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>drag drop</title>
</head>
<body>
<div id="M">MUOVI</div>
</body>
</html>