معرفة الأوامر الذي تستخدم عند طباعة شيئ من الموقع او مغادرته في جافاسكربت الدرس |35| - Programmer Tech

Programmer Tech

برمجة - مقالات - علوم كمبيوتر - برامج

إعلان اعلى المقالة

الاثنين، 27 يوليو 2020

معرفة الأوامر الذي تستخدم عند طباعة شيئ من الموقع او مغادرته في جافاسكربت الدرس |35|


مقدمة الدرس

اذا نريد تنفيذ اوامر عند قيام شخص ما بالضغط على احد الروابط في الموقع سوف يظهر له ديالوك يقول هل تريد أن تغادر الموقع بالفعل ام لا او عند فتح عملية الطباعة و عند القيام بعملية الطباعة سوف نتحدث عن ثلاث عناصر تقوم بهذه المهام وهي:
onbeforeunload - beforeunload
onbeforeprint - beforeprint
onafterprint - afterprint

بالنسبة للعنصر onbeforeprint - beforeprint يتم استخدامه عندما نريد تنفيذ الأوامر عند قيام احدهم بالضغط على طباعة, اما بالنسبة للعنصر onafterprint - afterprint يستخدم عند قيام شخص ما بطبع شيئ من الموقع يتم تنفيذ الأوامر المحددة.
طريقة استخدامها عبر function او method او تنفيذ مباشر عبر addEventListener, سنقوم بشرح جميع الطرق.

onbeforeunload

لنفترض أننا نريد تشغيل function عندما يقوم شخص ما بالضغط على زر onbeforeunload لمغادرة موقعنا لموقع آخر.

يكون في ملف html

<body onbeforeunload="return beforeunload()">
    <a href="https://www.programmer-tech.com">programmer tech</a>
</body>


وفي ملف الجافاسكربت

function beforeunload(){
     return "";
}


عند التشغيل في المتصفح 


نفهم من الصورة السابقة أنه عندما ضغطنا على كلمة programmer tech المرفقة بالرابط مباشرتاً عملت أوامر الـ function و اظهر لنا إشعار كُتب به "تطلب منك هذه الصفحة تأكيد رغبتك في المغادرة - قد لا يتم حفظ البيانات التي أدخلتها".
يٌنصح بإستخدام هذه الطريقة بأن نضعها ضمن عنصر body افضل من addEventListener لأنه في بعض المتصفحات لا تعمل مع addEventListener.

onbeforeprint

عند قيام المستخدم بفتح الطابعه سوف تتنفذ الأوامر الذي نحددها له.

يكون في ملف html

<body onbeforeunload="return beforeunload()" onbeforeprint="beforeprint()">
    <a href="https://www.programmer-tech.com">programmer tech</a>
</body>


وفي ملف الجافاسكربت

function beforeprint(){
    alert("The printer has been opened");
}


و نتيجة المتصفح تكون


onafterprint

هذا العنصر نقوم بإستخدامه عندما يقوم شخص ما بالطباعة و ليس فتح عملية الطباعة أي عندما يعطي امر الطبع سوف تتنفذ الأوامر.
يكون في ملف html

<body onafterprint="afterprint()" onbeforeunload="return beforeunload()" onbeforeprint="beforeprint()">
    <a href="https://www.programmer-tech.com">programmer tech</a>
</body>


وفي ملف الجافاسكربت

function afterprint(){
    alert("The printing process is successful");
}

نت

يمكنكم تحميل اكواد الدرس بشكل مباشر من الميديا فير من هنا

ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام