أولا سنحتاج إلى برمجة سكريبت drag أي عنصر نريده عند الضغط عليه أن يتبع مؤشر الفأرة ، تبقى مشكلة واحدة وهي هل سنعتمد في ذالك على الإستدلال بالعنصر المراد تحريكه بال ID أو NAME أو CLASS ؟
بال Id غير ممكن لأني سأحتاجه في الجافاسكريبت لغرض آخر و أضف على هذا أني أريد لكل عنصر id خاص به، أما بال name فمن الأفضل أن أتركه نظرا لأن مبرمجي asp و php يحتاجونها ولا داعي لمزاحمتهم فيها 
يبقى لنا الإستدلال بالعنصر عن طريق ال class
و لقد جهزت سكريبت فعال
كود PHP:
<style>
.DragWino{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var wino=0,X,Y,T,L,x,y,Z=0;
function moveWino(){
if (event.button==1&&wino){
X=event.clientX;
Y=event.clientY;
e_src.style.pixelLeft = L+X-x;
e_src.style.pixelTop = T+Y-y;
return false
}
}
function DragWinos(){
if (event.srcElement.className=="DragWino"){
wino = 1;
e_src=event.srcElement;
e_src.style.filter = 'alpha(opacity=70)';
L=e_src.style.pixelLeft;
T=e_src.style.pixelTop;
x=event.clientX;
y=event.clientY;
document.onmousemove = function(){
if(event.button==1&&wino){
X=event.clientX;
Y=event.clientY;
e_src.style.pixelLeft = L+X-x;
e_src.style.pixelTop = T+Y-y;
return false
}
}
}
}
document.onmousedown = DragWinos
document.onmouseup = function(){wino = 0}
</script>
<A class="DragWino" style="font:48">Drag</A>
أي صورة أو جدول أو صندوق كيفما كان span او div إذا أعطينا لل class الخاص به قيمة DragWino فإننا عند الضغط عليه سيتحرك مع الفأرة و عند رفع الضغط(لا أقصد الضغط السكري
بل زر الفأرة) يبطل مفعول السكريبت عليه و هذا مثال
http://www.winoscript.com/js/dragdiv/dragwino.html
سنجرب الآن بثلاث صور لكن قبل ذالك لا يجب أن ننى أن أي عنصر من العناصر المختارة عند الضغط عليها يجب أن تكون هي الطبقة العليا حتى يتسنى فهم ذالك المرجو مراجعة هذا الموضوع و تنزيل المرفق و تجريبه حتى تفهم الماهية جيدا
http://www.swalif.net/softs/showthre...157#post472226
في المساء ألقاكم إن شاء الله عيني تنام الآن
اقول 
