wyciąganie współrzędnych

Kod:

<!-- Script by hscripts.com -->

<!-- Copyright of HIOXINDIA -->

<!-- More scripts @www.hscripts.com -->



<script type="text/javascript">

var ie=document.all;

var nn6=document.getElementById&&!document.all;

var isdrag=false;

var x,y;

var dobj;

function movemouse(e)

{

  if (isdrag)

  {

    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;

    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;

    return false;

  }

}

function selectmouse(e)

{

  var fobj       = nn6 ? e.target : event.srcElement;

  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme")

  {

    fobj = nn6 ? fobj.parentNode : fobj.parentElement;

  }

  if (fobj.className=="dragme")

  {

    isdrag = true;

    dobj = fobj;

    tx = parseInt(dobj.style.left+0,10);

    ty = parseInt(dobj.style.top+0,10);

    x = nn6 ? e.clientX : event.clientX;

    y = nn6 ? e.clientY : event.clientY;

    document.onmousemove=movemouse;

    return false;

  }

}

document.onmousedown=selectmouse;

document.onmouseup=new Function("isdrag=false");

</script>



<!-- Script by hscripts.com -->



<style type="text/css">

        .dragme{position:relative;}

</style>



<table><tr><td align="center">

<img src="./flower.jpg" width="270" height="203" alt="drag-and-drop image script" style="cursor:move;" title="drag-and-drop image script" class="dragme"><a href="http://hscripts.com" style="text-decoration:none;cursor:pointer;font-size:12px;color:green;">H</a>

</td></tr></table>

Kod:

function movemouse(e)

{

  if (isdrag)

  {

    var temp_x = nn6 ? tx + e.clientX - x : tx + event.clientX - x;

    var temp_y = nn6 ? ty + e.clientY - y : ty + event.clientY - y;

    dobj.style.left = temp_x

    dobj.style.top  = temp_y

    document.getElementById('inp_x').value = temp_x

    document.getElementById('inp_x').value = temp_y

    return false;

  }

}