Petit modification de drag and drop par javascript
salut
j'ai un code de drop and drag en javascript je veut aplliquer une ptit modification simple et claire mais j'arrive donc j'ai besoin de ton aide
ca ce le code qui fonctionne bien sur firefox et sans erreur :
Code:
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> |
mes but:
rendre le carreau rouge déplace sur une ligne rectiligne (autrement dit sur l'axe d'abscisse )avec fixation des limites de début et fin.
insertion ou plutôt changer le carreau par une petit image.
merci d'avance.
