1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| <body>
<div id="dragetdrop"
style="background:red;position:absolute;top:100px;
left:100px;width:100px;height:100px;">
</div>
<script type='text/JavaScript'>
var deplacable=false;
function MoveThisElement(e,id1)
{if (deplacable)
{var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
document.getElementById(id1).style.top=y-50+'px';
document.getElementById(id1).style.left=x-50+'px';
}
}
document.onmousemove=function(event)
{ MoveThisElement(event,'dragetdrop'); }
document.onmouseup=function()
{ deplacable=false; }
document.onselectstart=function()
{ return false; }
document.getElementById("dragetdrop").onmousedown=function()
{ deplacable=true; }
</script>
</body> |
Petit modification de drag and drop par javascript
Répondre avec citation
Envoyé par le_chomeur
Partager