drag drop

**fantacalciojarno** · 20-01-2012, 12.49.40

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'

Mi date una mano perfavore...

20-01-2012, 19.42.48

Potresti postare anche il resto della pagina?
Ciao!

**fantacalciojarno** · 20-01-2012, 19.52.58

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>

Discussione: drag drop

LinkBack

Strumenti discussione

Display

drag drop

Regole di scrittura