و اما در مورد Drag & Drop:
<SCRIPT LANGUAGE="JavaScript">
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
</script>
حالا به راحتی می تونید هر عنصری رو که خواستید حرکت بدید و در مکان مشخصی قرارش بدید.
نحوه استفاده (مثال):
<BODY>
<div id="s" style="position:absolute;left:50;top:3 00;">
<img src=MyImage1.gif name="s">
</div>
<div id="d" style="position:absolute;left:50;top:3 50;">
<img src=MyImage2.gif name="d">
</div>
<div id="c" style="position:absolute;left:100;top: 300;">
<img src=MyImage3.gif name="c">
</div>
البته این بخش مربوط به برنامه نویسی سمت سرور هست و ... .
موفق باشید.
:wise1: