Spostare un Layer

**bigmaul** · 05-10-2003, 22:32

Salve, vorrei sapere come posso ricavare le coordinate (top & left) di un layer x "muoverlo" sullo schermo.

Altra curiosità, è difficile renderlo trscinable dall'utente o bastano poke righe di codice ?

:metallica

**pela** · 06-10-2003, 19:05

ho trovato questo, e non sono poche righe :gren:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html> 
<head> 
<title>PROVA</title> 
<style type="text/css"> 
<!--
#myLayer { position: absolute; width: 200px; height: 100px; background: red; border: 1px solid #000 }
.draggable { cursor: pointer; }
-->
</style>
<SCRIPT LANGUAGE="JavaScript"> 
var engaged = false;
var offsetX = 0;
var offsetY = 0;
function dragIt(evt) {
 evt = (evt) ? evt : (window.event) ? window.event : "";
 var targElem = (evt.target) ? evt.target : evt.srcElement;
 if (engaged) {
  if (targElem.className == "draggable") {
   while (targElem.id != "myLayer" && targElem.parentNode) {
    targElem = targElem.parentNode;
   }
   if (evt.pageX) {
    targElem.style.left = evt.pageX - offsetX + "px";
    targElem.style.top = evt.pageY - offsetY + "px";
   } else {
    targElem.style.left = evt.clientX - offsetX + "px";
    targElem.style.top = evt.clientY - offsetY + "px";
   }
   return false;
  }
 }
}

function engage(evt) {
 evt = (evt) ? evt : (window.event) ? window.event : ""
 var targElem = (evt.target) ? evt.target : evt.srcElement;
 if (targElem.className == "draggable") {
  while (targElem.id != "myLayer" && targElem.parentNode) {
   targElem = targElem.parentNode;
  }
  if (targElem.id == "myLayer") {
   engaged = true;
   if (evt.pageX) {
    offsetX = evt.pageX - targElem.offsetLeft;
    offsetY = evt.pageY - targElem.offsetTop;
   } else {
    offsetX = evt.offsetX - document.body.scrollLeft;
    offsetY = evt.offsetY - document.body.scrollTop;
    if (navigator.userAgent.indexOf("Win") == -1) {
     offsetX += document.body.scrollLeft;
     offsetY += document.body.scrollTop;
    }
   }
   return false;
  }
 }
}

function release(evt) {
 evt = (evt) ? evt : (window.event) ? window.event : "";
 var targElem = (evt.target) ? evt.target : evt.srcElement;
 if (targElem.className == "draggable") {
  while (targElem.id != "myLayer" && targElem.parentNode) {
   targElem = targElem.parentNode;
  }
  if (engaged && targElem.id == "myLayer") {
   engaged = false;
  }
 }
}
document.onmousedown = engage;	
document.onmouseup = release;
document.onmousemove = dragIt;
document.onmouseout = release;
</script>
</head> 

<body> 
<div id="myLayer" class="draggable"> </div>
</body>
</html>

**bigmaul** · 11-10-2003, 16:52

Grazie 1000 x l'aiuto pela...scusami se non t'ho risposto prima ma avevo fatto 1 casino e non m'ero accorto della risposta...

Ora me lo studio

Discussione: Spostare un Layer

Strumenti discussione

Ricerca discussione

Visualizza

Spostare un Layer

Permessi di invio