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.
