JavaScript Jquery 2 Nesnenin Koordinatı - YTPara.com

spac · #1 22.07.2016, 10:23

1 Sorum olacaktı yardımcı olursanız sevinirim

şimdi 1. kare sürüklenip bırakıldığı zaman X koordinatını vermesini istiyorum 2. karede de sürüklenip bırakıldığın da Y koordinatı vermesini istiyorum. Bunu nasıl yapabilirim

benim yazdığım bu fakat karenin dışına tıklayınca yine koordinat veriyor ve hangi kareyi oynatırsam onun koordinatları veriliyor. Yani 1. kareyi oynattığımda X koordinatı 1.kare de Y koordinatı ise 2.karede bunu nasıl düzeltebilirim ?

spac · #2 22.07.2016, 14:12

Konu hakkında bilgisi olan var mı çok lazım

jebi · #3 23.07.2016, 10:11

jQuery ui draggable'ın drag eventi var.

Bu event'i dinleyerek, taşınan objenin geometrik bilgilerini getBoundingClientRect methodu ile alabilirsin.

Örnek;

Kod:

$(function() {
  $("#kutu-1, #kutu-2").draggable({
    cursor: "crosshair",
    cursorAt: { left: -5, top: -5 }
  });
  
  $("#kutu-1").on("drag", function(event, ui) {
    $("#kutu-1").html(event.target.getBoundingClientRect().left);
  });
  
  
  $("#kutu-2").on("drag", function(event, ui) {
    $("#kutu-2").html(event.target.getBoundingClientRect().top);
  });
});

Demo

~~Turkuaz~~ · #4 23.07.2016, 12:26

Şu programlamayı bi öğrenemedim gitti ya

spac · #5 25.07.2016, 08:44

Alıntı:

jebi Nickli Üyeden Alıntı

jQuery ui draggable'ın drag eventi var.

Bu event'i dinleyerek, taşınan objenin geometrik bilgilerini getBoundingClientRect methodu ile alabilirsin.

Örnek;

Kod:

$(function() {
  $("#kutu-1, #kutu-2").draggable({
    cursor: "crosshair",
    cursorAt: { left: -5, top: -5 }
  });
  
  $("#kutu-1").on("drag", function(event, ui) {
    $("#kutu-1").html(event.target.getBoundingClientRect().left);
  });
  
  
  $("#kutu-2").on("drag", function(event, ui) {
    $("#kutu-2").html(event.target.getBoundingClientRect().top);
  });
});

Demo

hocam çok teşekkür ederim yalnız Y eksenin koordinatı virgüllü çıkıyor hep

Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)