الصفحة المسحوره (جافا سكربت)

كل ما يهم مطور المواقع ... لغات برمجة المواقع .. سكربتات .. مناقشات ..
مغلق
عبقر
عضو مفيد جداً
مشاركات: 417
اشترك في: 25 سبتمبر 2004, 03:28
مكان: MyPC

الصفحة المسحوره (جافا سكربت)

مشاركة بواسطة عبقر »

:D

بصراحة احترت ايش اختار عنوان لكن ان شاء الله يكون عنوان مناسب

ماعلينا المهم طالع الصفحة التالية

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 ومابعد

ان شاء الله تمتعتم بهذه الرحله القصيره مع جافا سكربت والصفحه المسحوره :)
WEBPro
عضو نشيط
مشاركات: 190
اشترك في: 14 ديسمبر 2004, 14:45
مكان: WwW

مشاركة بواسطة WEBPro »

صفحه مسحورة وممتعه فعلاً :) جلست نص ساعه فيها بس اسحب في السيارات :mrgreen:

تنفع نسوي صفحة احجيه puzzle :wink:
فهد
عضو نشيط
مشاركات: 200
اشترك في: 07 يناير 2005, 05:38
اتصال:

مشاركة بواسطة فهد »

ممتع :D

الجافا سكربت دائم عليها حركات ممتعه :) اتحفتنا اخوي عبقر بهذا الكود شكراً جزيلاً :)
INet
عضو نشيط
مشاركات: 236
اشترك في: 25 سبتمبر 2004, 05:11

مشاركة بواسطة INet »

حركة حلوه :)
الجافا سكربت دائم عليها حركات ممتعه
والاخ عبقر ماشاء الله عليه يختار الامتع منهم :)
القمر2005
عضو جديد
مشاركات: 23
اشترك في: 06 مارس 2005, 04:26
مكان: مصر أم الدنيا

مشاركة بواسطة القمر2005 »

شيء أكثر من رائع أخي :P

بصراحة شيء جميل

جهد تشكر عليه

:x
W3
عضو نشيط
مشاركات: 224
اشترك في: 25 سبتمبر 2004, 03:27

مشاركة بواسطة W3 »

مذهل :lol:

اعتقد شوي تعديل وتصير زي ماي ام اس ان :)
DotWeb
عضو نشيط
مشاركات: 284
اشترك في: 24 سبتمبر 2004, 08:46
مكان: W3
اتصال:

مشاركة بواسطة DotWeb »

ممتع دائماً اخي عبقر انت والجافا سكربت :)

شكراً جزيلاً :)
Windows
عضو فعال
مشاركات: 660
اشترك في: 28 أغسطس 2004, 08:53
مكان: LocalHost

مشاركة بواسطة Windows »

نرحب باي تبرع دائماً وابداً
تدري لو ضفت موضوعك درس للمكتبه تحصل على 20 :wink:

طالما انك مهتم بالرصيد :wink:

وتراك تتساهل والله عبقر ومعبقرنا معك :)
leitmotive
عضو جديد
مشاركات: 79
اشترك في: 02 مارس 2005, 12:04

مشاركة بواسطة leitmotive »

روعة!
يصلح للأطفال أيضا ويمكن عمل أعمال مبدعةبواسطته

جزاك الله كل خير :D
عبقر
عضو مفيد جداً
مشاركات: 417
اشترك في: 25 سبتمبر 2004, 03:28
مكان: MyPC

مشاركة بواسطة عبقر »

العفو ياخوان
تنفع نسوي صفحة احجيه puzzle
يصلح للأطفال أيضا ويمكن عمل أعمال مبدعةبواسطته
بعض الاقتراحات ويمكن استخدامه لالف شغله وشغله :)
مغلق