|
 |
| |
ให้ drag and drop ได้แค่ครั้งเดียวต้องทำอย่างไรครับ |
| |
 |
|
|
 |
 |
|
ผมทำ drag and drop ครับ
แต่อยากให้ลากมาได้แค่ครั้งเดียว ครั้งต่อไปลากมาไม่ได้แล้ว
ต้องทำอย่างไรครับ
อันนี้เป็นโค้ดที่ผมดัดแปลมาจาก w3school
Code (JavaScript)
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
#div1 , #div2,#div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10, #div11, #div12, #div13, #div14, #div15 {width:200px;height:200px;padding:10px;border:1px solid #aaaaaa;}
#divimg1, #divimg2, #divimg3, #divimg4 {width:100px;height:100px;padding:10px;border:1px solid #aaaaaa;}
/*IMG {width:100px;height:100px; }*/
</style>
<script>
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("Text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body >
<table align="center" border="0"><caption>ข้อใดคือ Oxigen</caption>
<tr>
<td> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
</td>
<td>
<table border="0" >
<tr>
<td><div id="divimg1" src="/images/ele/Ca1.jpg" draggable="true" ondragstart="drag(event)" ></div></td>
<td><div id="divimg2" src="/images/ele/Ca2.jpg" draggable="true" ondragstart="drag(event)" ></div></td>
</tr>
<tr>
<td><div id="divimg3" src="/images/ele/Ca3.jpg" draggable="true" ondragstart="drag(event)" ></div></td>
<td><div id="divimg4" src="/images/ele/Ca4.jpg" draggable="true" ondragstart="drag(event)" ></div></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Tag : HTML/CSS, JavaScript
|
|
|
 |
 |
 |
 |
| Date :
2013-07-10 23:58:50 |
By :
92years |
View :
982 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
พอจะสร้างพวก flag แล้วเขียนเงื่อนไข if ในนี้ได้หรือเปล่าครับ โดยแรกสุดประกาศ var DragFirst = true
Code (JavaScript)
if(DragFirst == true)
{
ev.dataTransfer.setData("Text", ev.target.id);
DragFirst = false;
}
|
| |
|
|
| |
| Date :
2013-07-12 11:06:25 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทำไมเป็นครับ
ตอนแรกคิดว่าจะเป็นโค้ดแบบว่า พอวางปั๊บ ให้ภาพที่เหลือ drag disable ให้หมดน่ะครับ
|
| |
|
|
| |
| Date :
2013-07-14 21:04:34 |
By :
muziklover |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
