Warning: session_start(): open(/tmp/sess_staam9hlri6chju0onvgubbrp4, O_RDWR) failed: No space left on device (28) in /disk2/guru/public_html/qa-include/app/users.php on line 146
[HTML]การDrag and Drop ในHTML5 อยากรู้ว่าเช็คยังไง - CITEC-Guru ถามปัญหาคอม เขียนโปรแกรม
พึ่งเคยใช้งานครั้งแรกโปรดอ่านที่นี่! howtouse!
x
  • Register
หางานด้าน IT อยู่เหรอ?

[HTML]การDrag and Drop ในHTML5 อยากรู้ว่าเช็คยังไง

+1 vote
เราจะรู้ได้อย่างไรว่าวัตถุที่เราลากนั้นลากมาจากไหน จากที่ทำคือตรวจได้ว่า ลากอะไรมา แล้วไปวางไว้ที่ไหน

แต่ยังหาไม่ได้ว่าลากมาจากที่ไหน อยากทราบว่าต้องทำอย่างไรครับ

 

function dragStart(ev) {
       ev.dataTransfer.effectAllowed='move';
       ev.dataTransfer.setData("Text",ev.target.getAttribute('id'));
       ev.dataTransfer.setDragImage(ev.target,0,0);
       return true;
    }

อันนี้ set data ตอนที่เราเริ่ม drag ว่าเรา drag อะไร

 

function dragOver(ev) {
        var src = ev.dataTransfer.getData("Text");

//อันนี้แสดงค่าตัวที่เรา drag
        var id = ev.target.getAttribute('id');

//อันนี้จะแสดงค่าตัวที่เราจะ drop วัตถุนี้ลงไป

}

อยากรู้ว่าเราจะเช็คได้ไงว่า เราเริ่มลากวัตถุนี้จากไหนครับ ผู้รู้ช่วยตอบที
ถามเมื่อ Jun 8, 2012 in Html,Javascript,CSS โดย Home Com'Sci (111 คะแนน)
   

1 Answer

0 votes
ผมไม่รู้นะ ไม่เคยทำแต่ใช้ onmouseover บนวัตถุอื่นเพื่อ check ได้ไหมล่ะว่ากำลัง drag อยู่ไหม

ถ้า drag อยู่ ก็กำหนดว่าจะปล่อยที่ตรงนี้ พอไป onmouseover ตัวอื่นก็กำหนดทับไปเรื่อยๆอ่ะครับ  แล้วก็ onmouseout ดูว่าออกนอกวัตถุไปรึยัง ถ้าออกแล้วก็กำหนดตัวแปรเป็นว่าง

พอปล่อยก็เอาตัวแปรมาดูว่า drag ครั้งสุดท้ายที่ไหน
ตอบเมื่อ Jun 9, 2012 โดย mix5003 (715 คะแนน)
มันไม่มีคำสั่งแบบตรงๆเลยใช่ไหมอะครับ งั้นเดี๋ยวต้องไปลองดู ขอบคุณที่ชี้แนวทาง
คำสั่งตรงๆผมไม่ทราบอ่ะครับ ไม่เคยใช้เลยไม่รู้ว่ามีไหม
อีกแนวทางก็ยากเกิน คือหาเมื่อปล่อยก็ for loop object ทุกตัวดูว่าอยู่ในช่วงของ object นั้นไหม ยากไปผมว่า

Related questions

+5 votes
2 คำตอบ
1,319 views ถามเมื่อ Apr 30, 2012 in Html,Javascript,CSS โดย Eggvalue (1,179 คะแนน)
+5 votes
3 คำตอบ
5,319 views ถามเมื่อ Apr 16, 2012 in Html,Javascript,CSS โดย Eggvalue (1,179 คะแนน)
0 votes
0 คำตอบ
...