DeletedUser32916
Guest
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف الأنبياء والمرسلين سيدنا محمد وعلى آله وصحبة ومن تبعه بإحسان إلى يوم الدين
عندنا اليوم موضوع مهم جداَ في الجافا سكربت
موضوع سحب العناصر بدالة :
getElementById
هذي دالة مهمه جداَ جداَ جداَ
ونقدر نقول 60% من الدروس القادمة ترتكز عليها إرتكاز كلي
مشان كذا قلت أشرحها لكم بدري
ولو إن في أمور لازم أشرحها بالبداية مثل المصفوفات وباقي عبارات الدروان
ما أطول عليكم نبدء على بركة الله :
وش معنى getElementById ؟
أنا لمن جيت أترجمها بقوقل طلع لي :
الحصول على العنصر بواسطة رقم
^^ الترجمة الحرفية
لكن الترجمة اللي نحتاجها نحن كمبرمجين إيش معنى هذي الدالة ؟
معناها (بتعريفي) :
سحب العناصر الموجوده بالصفحة للتعديل عليها وفقاَ للاحداث .
طيب إيش معنى هالكلام ؟
خلونا نآخذ مثال صغير :
أمامك زر
وفوقه مساحه بيضاء
لمن تظغط على الزر يظهر بالمساحه البيضاء كلام أو أرقام أو صور أو أي شيئ
ولمن تظغط على الزر مره ثانيه يختفي هالكلام
بالظبط هذا يستخدم الدالة ذي
طيب خلونا نكتب الكود مشان تسهل الأمور وتصبح أوضح ..
تابعو الكود ذا وبنشرحه بالتفصيل الممل :
PHP:
<button onclick="getElementById('demo').innerHTML=Date()">ماهو الوقت ؟</button>
<p id="demo"></p>الكود ماله أي علاقه بالـ جافاسكربت حتى مافتحنا وسم الـ Javascript مجرد أكواد html
طيب وش الموجود أمامك ؟
موجود زر إسمه "ماهو الوقت؟"
طيب لمن تظغط عليه وش يحصل ؟؟ يظهر الوقت تحت
طيب كيف صار هالشيئ ؟
عملنا تحت مساحه أو بارقراف Pargraph أو الإختصار بـ html
<P>
وأغلقناه ووضعنا من ضمن خصائصة خاصية id والآيدي خلينا إسمه Demo
بعدها بالأعلى وضعنا زر فيه خاصية onclick الخاصية هذي معناها حرفياَ :
"لمن يظغط إعمل الحدث اللي بعد اليساوي"
يعني قلنا لمن تظغط إعمل هذي الشيئ :
PHP:
getElementById('demo').innerHTML=Dateطيب إيش هذا ؟
هذي دالة سحب العناصر
شرحها :
بالبداية سحبنا العنصر اللي له آيدي Demo
وهذا هو درسنا بالظبط نتعلم كيف نسحب العنصر الباقي إضافه فقط ورح نتعلم عشرات الإضافات
لكن بما إنها موجوده خلوني أوضحها لكم
الإضافة هي :
innerHTML
هذي معناها خلي المحتوى بلغة html طيب وش المحتوى ؟؟ المحتوى اللي بعد اليساوي اللي هو التاريخ :
Date
طبعاَ تقدر تغير الـ Date لأي شيئ تبغاه
مثال تقدر تحط زر
ومساحه فارغه بعده وتضع للمساحه آيدي من تسميتك
بعدها تقول لمن تظغط على الزر خلي المساحه ذي مكتوب فيها :
"بسم الله الرحمن الرحيم"
^^ مثال فقط
- علاقة الدرس بحرب القبائل -
الدرس بسيط مشان كذا العلاقه بتكون بسيطة
لكن للتوضيح بشكل أكبر
مثلاَ ندخل الترتيب
ونعمل سكربت بسيط جداَ فكرته لمن تظغط على السكربت يسحب آيدي إحدى العناصر بالصفحة ويحط إسمك مكانها
الطريقة سهله جداَ جداَ أتركها عليكم ولو ماقدرتوا بنزل السكربت البسيط بالدرس القادم
أتمنى الدرس واضح ياشباب
ورجاءاَ اللي يشوف في أي تعقيد أو ما إتضحت له إحدى النقاط
يرد بهالموضوع ويسأل السؤال مو عيب ياشباب :
هنــــــــــــا
[*]
------------------------------------------------------------------------------------------------------------
[ .. النهاية .. ]
لآتقفٌ فيُ آلدورة آلحآلية بلُ قمُ بزيآرة مواقع أخرى للآطلاعُ علىُ كلُ مآهوُ جديد ومفيد َ
وقمُ بتطويرُ خبرتكُ ، آحللُ للجميع نقل الدورة سواءَ تم ذكر ابـو رهف أم لا في النهاية لم أقدم هذه الدورة
إلا لإثراء المحتوى البرمجي في العالم التربلوارزي ...
في أمان الله :137: