بصراحة احترت ايش اختار عنوان لكن ان شاء الله يكون عنوان مناسب
ماعلينا المهم طالع الصفحة التالية
http://www.scripthelp.us/js/drag.htm
ضع الفاره على احد الصور وعلق الضغط على الزر الايسر واسحبها لاي مكان في الصفحه حطها فوق تحت على كيفيك
بعدين انزل وسحب النص يمين شوي او يسار او على كيفك
في الموضوع هذا راح نتعرف كيف ننشى صفحه فيها صور او نصوص قابلة للسحب وانتا تحدد في ايش ممكن تنفعك المعلومه هذي
اولاً العملية 99% جافا سكربت وواحد بالمية CSS
اولاً في الترويسه وقبل وسم
كود: تحديد الكل
</head>
وضعنا الكود التالي
كود: تحديد الكل
<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>
<script language="JavaScript1.2">
<!--
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>
بعدين في جسم الصفحة body للصور حطينا
كود: تحديد الكل
<img src="test.gif" class="drag"><br>
<img src="test2.gif" class="drag"><br>
لاحظ كود صوره عادي بس دخلنا علية الكلاس drag
وللنصوص وضعنا الكود التالي
كود: تحديد الكل
<h1><b class="drag">اسحبني لاي مكان تحب</b></h1>
لاحظ دخلنا الكلاس على وسم <b> وليس <h1>
الاكواد اعلاه تعمل على IE 4.x ومابعد
ان شاء الله تمتعتم بهذه الرحله القصيره مع جافا سكربت والصفحه المسحوره :)