في لغة JavaScript، تُستخدم "تنبيهات النوافذ المنبثقة" (Pop-up Alerts) لعرض رسائل بسيطة للمستخدم. هناك ثلاثة أنواع رئيسية من النوافذ المنبثقة:

1. alert():

تُستخدم لعرض رسالة بسيطة للمستخدم مع زر "موافق" (OK). تُوقف تنفيذ البرنامج مؤقتًا حتى يضغط المستخدم على الزر.

  • الصيغة:
JavaScript
alert("الرسالة التي سيتم عرضها.");
JavaScript
alert("مرحباً بك في موقعنا!");

سيظهر مربع حوار بسيط يحتوي على الرسالة "مرحباً بك في موقعنا!" وزر "موافق".

2. confirm():

تُستخدم لعرض رسالة للمستخدم مع زري "موافق" (OK) و "إلغاء" (Cancel). تُرجع هذه الدالة قيمة منطقية (boolean): true إذا ضغط المستخدم على "موافق"، و false إذا ضغط على "إلغاء".

  • الصيغة:
JavaScript
let result = confirm("هل أنت متأكد من حذف هذا العنصر؟");
  • مثال:
JavaScript
let deleteItem = confirm("هل أنت متأكد من حذف هذا العنصر؟");

if (deleteItem) {
  // تنفيذ كود الحذف إذا ضغط المستخدم على "موافق"
  console.log("تم حذف العنصر.");
} else {
  // عدم تنفيذ كود الحذف إذا ضغط المستخدم على "إلغاء"
  console.log("لم يتم حذف العنصر.");
}

سيظهر مربع حوار يحتوي على الرسالة "هل أنت متأكد من حذف هذا العنصر؟" وزري "موافق" و "إلغاء".

3. prompt():

تُستخدم لعرض رسالة للمستخدم مع مربع إدخال نصي وزري "موافق" (OK) و "إلغاء" (Cancel). تُرجع هذه الدالة النص الذي أدخله المستخدم إذا ضغط على "موافق"، أو null إذا ضغط على "إلغاء".

  • الصيغة:
JavaScript
let userInput = prompt("الرجاء إدخال اسمك:", "قيمة افتراضية");
  • مثال:
JavaScript
let name = prompt("الرجاء إدخال اسمك:", ""); // لا توجد قيمة افتراضية

if (name != null) {
  console.log("مرحباً يا " + name + "!");
} else {
  console.log("لم يتم إدخال اسم.");
}

سيظهر مربع حوار يحتوي على الرسالة "الرجاء إدخال اسمك:" ومربع إدخال نصي وزري "موافق" و "إلغاء".

ملاحظات هامة حول النوافذ المنبثقة:

  • تجربة المستخدم: استخدام النوافذ المنبثقة بشكل مُفرط يُمكن أن يُؤثر سلبًا على تجربة المستخدم، حيث تُوقف تدفق العمل وتُجبر المستخدم على التفاعل معها. يُفضل استخدام بدائل أخرى مثل الإشعارات داخل الصفحة (notifications) أو النماذج (modals) عند الحاجة إلى تفاعل أكثر تعقيدًا.
  • التصميم: لا يُمكن تخصيص شكل النوافذ المنبثقة بشكل كبير باستخدام JavaScript فقط. يعتمد شكلها على المتصفح ونظام التشغيل.
  • الحظر: قد يقوم بعض المستخدمين بحظر النوافذ المنبثقة في متصفحاتهم، لذلك لا يجب الاعتماد عليها بشكل كامل.

بدائل للنوافذ المنبثقة:

  • النماذج (Modals): تُعتبر بديلًا أفضل للنوافذ المنبثقة، حيث تُعرض داخل الصفحة وتُوفر تحكمًا أكبر في التصميم والتفاعل.
  • الإشعارات (Notifications): تُستخدم لعرض رسائل قصيرة لا تتطلب تفاعلًا فوريًا من المستخدم.
  • العناصر الديناميكية داخل الصفحة: يُمكن استخدام JavaScript لتغيير محتوى الصفحة ديناميكيًا بدلاً من استخدام النوافذ المنبثقة.

باختصار، تُستخدم النوافذ المنبثقة في JavaScript لعرض رسائل بسيطة للمستخدم، ولكن يُفضل استخدام بدائل أخرى عند الحاجة إلى تفاعل أكثر تعقيدًا أو تصميم مُخصص.