دورة الجيكويري - الدرس 19 - شرح alert | مدونة ملك العرب التعليمية

الأربعاء، 24 سبتمبر 2014

دورة الجيكويري - الدرس 19 - شرح alert

الأربعاء، 24 سبتمبر 2014 تحرير

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

اليوم معنا درس سهل جداا جداا ..

اليوم إن شاء الله تعالى سنتعرف على alert

دورها هو إظهار رسالة

سنبدأ بمثال كما جرت العادة :

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Alert</title> <script src="lib/jquery.js"></script> <script> $(function(){ $( ".s" ).click(function(){ alert("Mohammed"); alert('Taha'); alert(0123456789); }); }); </script> </head> <body> <button class='s'>toggle the div</button> </body> </html>

لنقم بتحليل الوثيقة كالعادة ..

قمنا بعمل عنصر button في وثيقتنا وأعطيناه كلاس خاص به كالتالي:

<button class='s'>toggle the div</button>

ثم قمنا باستدعاء مكتبة الجيكويري الخاصة بنا وأنا منزلها على السيرفر الشخصي

ثم قمنا بكتابة أوامر سكربتنا بالطريقة المعهودة ..

أولا قمنا بعمل تحديد للكلاس s بحيث عند الضغط عليه يتم إظهار رسالة

ثم داخل التأثير نرفق النص أو المتغير أو الأرقام

الآن لم يتبقى سوى تطبيق السكربت ..

اضغط على الصورة لمشاهدة التطبيق ..