Coördinaten van een afbeelding weergeven

[Maarten321123]

Beste lezers,

Ik ben bezig met een scriptje waarbij een afbeelding naar de juiste plaats gesleept kan worden. Dit script werkt opzich, maar ik zou graag de coördinaten van de nieuwe positie van de afbeelding willen weten. Het mooist zou zijn als de coördinaten constant wijzigen terwijl ik de afbeelding versleep.

Iemand een idee hoe ik dit kan doen??

Hieronder staat mijn scriptje!

  <div id='1' style='position:absolute;left:50;top:50;'>
    <img src='1.gif' name='1'>
  </div>
<script language="javascript">
  Wholething = (document.all) ? 0 : 1;
  var objectone;
function MouseMovement(e) 
  {
    if (objectone) {
      if (Wholething) {
        objectone.moveTo((e.pageX-X), (e.pageY-Y));
      }
    else {
      objectone.pixelLeft = event.clientX-X + document.body.scrollLeft;
      objectone.pixelTop = event.clientY-Y + document.body.scrollTop;
      return false;
    }
  }
}
function MouseClickUp() {
  objectone = null;
  }
  if (Wholething) 
    {
      document.captureEvents(Event.mousedown | Event.mousemove | Event.mouseup); 
    }
function MouseClickDown(e)
  {
    if (Wholething) {
      objectone = document.layers[e.target.name];
      X=e.x;
      Y=e.y;
      return false;
    }
    else {
      objectone = event.srcElement.parentElement.style;
      X=event.offsetX;
      Y=event.offsetY;
    }
  }
document.onmouseup = MouseClickUp;
document.onmousedown = MouseClickDown;
document.onmousemove = MouseMovement;
</script>

 

[jeroendenoot]

Probeer dit eens.

  X: <span id="xpos">50</span><br />
  Y: <span id="ypos">50</span>
  <div id='1' style='position:absolute;left:50;top:50;'>
    <img src='1.gif' name='1'>
  </div>
<script language="javascript">
  Wholething = (document.all) ? 0 : 1;
  var objectone;
function MouseMovement(e) 
  {
    if (objectone) {
      if (Wholething) {
        objectone.moveTo(e.pageX-X, e.pageY-Y);
        document.getElementById('xpos').innerHTML = e.pageX-X;
        document.getElementById('ypos').innerHTML = e.pageY-Y;
      }
      else {
        objectone.pixelLeft = event.clientX-X + document.body.scrollLeft;
        objectone.pixelTop = event.clientY-Y + document.body.scrollTop;
        document.getElementById('xpos').innerHTML = event.clientX-X;
        document.getElementById('ypos').innerHTML = event.clientY-Y;
        return false;
      }
    }
  }
function MouseClickUp() {
  objectone = null;
  }
  if (Wholething) 
    {
      document.captureEvents(Event.mousedown | Event.mousemove | Event.mouseup); 
    }
function MouseClickDown(e)
  {
    if (Wholething) {
      objectone = document.layers[e.target.name];
      X=e.x;
      Y=e.y;
      return false;
    }
    else {
      objectone = event.srcElement.parentElement.style;
      X=event.offsetX;
      Y=event.offsetY;
    }
  }
document.onmouseup = MouseClickUp;
document.onmousedown = MouseClickDown;
document.onmousemove = MouseMovement;
</script>

 

[Maarten321123]

Super!!

Hey Jeroen,

Bedankt man! Dit is inderdaad precies wat ik zocht!
Bedankt voor de moeite!

Groetjes,

Maarten

 

[aaajeetee]

Zet je de status dan ook even op "opgelost"? :thumb: