الرسائل المنبثقة في صفحات الإنترنت ... أنواعها , كيفية إنشائها , وأمثلة على استخداماتها

بسم الله الرحمن الرحيم.
الحمد لله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين.
وبعد فأيها الإخوة الكرام.
أحييكم بتحية الإسلام والسلام.
فالسلام عليكم ورحمة الله وبركاته.
عدنا إليكم اليوم بموضوع جديد , وأرجو أن تجدوا فيه ما يفيد.
سنتحدث في موضوعنا هذا عن الرسائل المنبثقة التي نراها في صفحات الويب.
في البداية دعونا نتفق على أن هذه الرسائل التي سنستعرضها اليوم تكتب بلغة java script.
إعلم عزيزي القارئ أن هذه الرسائل المنبثقة تأتي على 3 أوجه أو لنقل أنواع.

• النوع الأول: يسمى بالرسائل التنبيهية alert, وهذا النوع لا يطلب من المستخدم أي إجراء , فهي مجرد رسالة لتقديم معلومة ما من قبل صفحة الويب للمستخدم , وهي تحتوي على نص الرسالة وزر واحد للإغلاق.
  *لا ترجع هذه الرسالة بأي قيمة إلى صفحة الويب*
  


• النوع الثاني: رسالة التأكيد confirm , وهذه تستخدم لتخيير المستخدم بين الموافقة والإلغاء إعتمادًا على نص الرسالة
  إذًا: فمحتوى رسالة التأكيد تتكون في البداية من نص الرسالة وهو في الغالب يكون على شكل سؤال من صفحة الويب للمستخدم , بالإضافة إلى زرين هما موافق وإلغاء.
  ترجع هذه الرسالة لصفحة الويب بقيمتين لا ثالث لهما , فإن ضغط المستخدم على موافق فسترجع الرسالة للصفحة بالقيمة true
  أما إن ضغط على إلغاء فسترجع الرسالة إلى الصفحة بالقيمة false
  ويقوم المبرمجون باستغلال هذه القيم في تنفيذ أوامر معينة.
  


• النوع الثالث: الرسالة النصية prompt : وهذا النوع مشابه للرسالة التأكيدية باحتوائه على زرين موافق وإلغاء بالإضافة إلى نص الرسالة , لكنه علاوة على ذلك يطلب من المستخدم كتابة نص معين.
  ترجع هذه الرسالة ب3 قيم:
  القيمة الأولى: في حال كتب المستخدم نصًا في مربع الكتابة وضغط على موافق , فإن الرسالة سترجع لصفحة الويب بنفس النص الذي كتبه المستخدم في مربع التحرير.
  القيمة الثانية: في حال لو لم يكتب المستخدم أي نص وضغط على موافق , فسترجع الرسالة لصفحة الويب بقيمة نصية فارغة.
  القيمة الثالثة: في حال لو ضغط المستخدم على إلغاء , فسترجع الرسالة بالقيمة null وتعني لا شيء.
  

الآن دعونا نكتب لكم أمثلة بأنواع الرسائل الثلاث , وتحت كل مثال زر لتجربته تجربة حية.

مثال على الرسالة التنبيهية alert

<button onclick="window.alert('أهلًا بالجميع. هذه رسالة من نوع الرسائل التنبيهية. إضغط على إغلاق لاستبعادها')">تجربة المثال </button>

مثال على رسالة التأكيد confirm

<script type-text="javascript">
function msg() {
var msg = confirm("مرحبًا.\n هذه رسالة منبثقة من نوع رسائل التأكيد ")
if (msg == true) {
document.getElementById("txt").innerHTML = "لقد ضغطت على موافق"
} else {
document.getElementById("txt").innerHTML = "لقد ضغطت على إلغاء"
}
}
</script>
<br /><br />
<button onclick="msg()">تجربة المثال </button>
<br />
<p id="txt"></p>

مثال على الرسائل النصية prompt

<script type-text="javascript">
function pmt() {
var pmt = prompt("مرحبا.\n هذه رسالة منبثقة من نوع الرسائل النصية. \n فضلًا اكتب اسمك في مربع التحرير واضغط على موافق لتشاهد النتيجة. ")
if (pmt == null) {
window.alert("لقد ضغطت على إلغاء")
} else if (pmt == "") {
window.alert("لم تكتب شيءًا في مربع التحرير.")
} else {
window.alert("طاب وقتك عزيزي "+pmt)
}
}
</script>
<br />
<button onclick="pmt()">تجربة المثال </button>

---

ختامًا: أرجو أن أكون قد قدمت إليكم ما يفيدكم.
وفي حال لديكم أي سؤال أو استفسار أسعد بتلقيه في قسم التعليقات.
سبحانك اللهم وبحمدك , أشهد أن لا إله إلا أنت , أستغفرك وأتوب إليك