JavaScript dialog boxes
الجافاسكربت وصندوق الحوار هي طريقة سهله لأستقبال المدخلات من الزوار كالإيميل للإشتراك بجديد أخبار الموقع او إعطاء الزائر تنبيه بأن الصفحه تستخدم إصدار معين من البرامج ..
قبل البدء بالقراءة:
لابد أن تكون لديك معرفة بالـ HTML و أساسيات الجافاسكربت , ايضاً عليك إنشاء ملف HTML للتجريب.
ملاحظة: إنشاء تاق الجافاسكربت أخر تاق Body لعرض التنبيهات عند إكتمال تحميل الصفحه ولتجنب فقد معلومات الصفحه لو كان هناك خطاء بأكواد الجافاسكربت .
Alert
أستخدمها إذا بطلع تنبيه او اغير المحتوى للزائر , وعندنا عدة خيارات:
1- console.log : هذي الميثود رهيبه إذا بنختبر شيء معين بالمشروع اذا بيطلع ناتج او شغال صح “ ماينفع نستخدمها بالمشاريع الكبيره لآن محد يقدر يشوفها غير لما يفتح الكونسل لوق” .
كيف نكتبها بالجافاسكربت! :
2- إظهار النتيجه بمحتوى الصفحه : وهنا نستخدم JavaScript DOM وهي طريقه لعرض شيْ للمستخدم بعد تحميل الصفحه او الضغط على زر معين او تمرير الماوس على كلمه معينه ….الخ “ الزائر مايحتاج يفتح الكونسل لوق عشان يشوف التغيير بيشوفه بصفحه مباشرةً “
3- إستخدام ;()alert ميثود : وهو تنبيه يطلع برأس الصفحه مثل “ أهلا وسهلاً “ او اني احط التنبيه داخل فاكشن وعند إستدعائه يطلع التنبيه .
طريقتها :
ممتاز! للأن الزائر يطلع له تنبيه يقوله أي شيء احنا كمطورين كاتبينه.
Confirm
التوكيد او القرار , طريقه سهله ورهيبه تعطي الزائر القرار بقبول شيء او رفضه مثل “ هل تود إرسال اشعارات لهذا الموقع “ فهنا يحق لك تختار بأوافق او إلغاء .
في alert انت كنت تضغط على زر الموافقه للتخلص من البوكس ولكن في confirm انت بتختار فعلياً لو وافقت على إستقبال الإشعارات حيطلع لك كل مره إشعار يخص هذا الموقع .
Prompt
يسمح لنا نأخد المدخلات من الزائر مثل “ إدخل ايميلك عشان توصلك النشره الإخباريه على الايميل “ فيكتب المستخدم الإيميل .
بالنهايه:
قدرت أشاركم معرفتي البسيطه بالجافاسكربت بعد إنتهائي من الأساسيات والأن بدخل بعالم الجافاسكربت الحقيقي ! اتمنى اني وفقت حتى لو كانت معلوماتي بسيطه ( الجاي بأذن الله أحسن )