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

الاثنين، 8 سبتمبر 2014

دورة الجيكويري - الدرس 10 - شرح dblclick

الاثنين، 8 سبتمبر 2014 تحرير

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

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

كيف حالكم اخواني اخواتي زوار مدونة ملك العرب التعليمية

اليوم إن شاء الله تعالى سنتعرف على .dblclick()

دورها هو تنفيذ أمر أو حدث بعد الضغط مرتين متتاليتين

قبل البدء أحب التنويه إلى أنه مكتبة الجيكويري حساسة لحالة الأحرف لهذا أكتبوا الأكواد كما هي ..

لنبدأ بـمثال كالعادة وليكن التالي :

<!doctype html> <html> <head> <meta charset="utf-8"> <title>dblclick</title> <script src="lib/jquery.js"></script> <script> $(function(){ $( "button" ).dblclick(function() { $( "h1" ).hide(3000);// حدث إخفاء للمحدد h1 $( "h1" ).delay(1000);// حدث انتظار لمدة ثانية واحدة للمحدد h1 $( "h1" ).show(3000);// حدث إظهار المحدد h1 }); }); </script> </head> <body> <button>من فضلك اضغط مرتين</button> <h1> محمد طه</h1> </body> </html>

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

قمنا بعمل عنصر في وثيقتنا كالتالي:

<h1> محمد طه</h1>

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

<script src="lib/jquery.js"></script>

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

قمنا بعمل تحديد للبوطن وأضفنا له تأثير على شكل دالة حيث عند الضغط على البوطن مرتين

تختفي الكتابة التي في المحدد h1 ثم يتوقف التنفيذ لمدة ثانية واحدة وبعدها يتم تنفيذ تأثير الإظهار

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

وأي استفسار أنا موجود إن شاء الله

بقلم محمد طه

محمد طه مدون مغربي مهتم ببرمجة وتصميم المواقع ومهووس بتعلم كل جديد في مجال البرمجة والتصميم واحب نشر ما اعرفه ليتعلم منه الناس باسلوبي الخاص

اضغط على السمايل للحصول على الكود: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

اضف كود (html) ركن الاسئلة !