انسے JQuery فيے التحققے منے البآسے و حآولے معے الجآفے سكريبت scriptے

[linnou]

http://www.dzbatna.com/images/icons/iconrote.gif ط§ظ†ط³غ’ JQuery ظپظٹغ’ ط§ظ„طھط*ظ‚ظ‚غ’ ظ…ظ†غ’ ط§ظ„ط¨ط¢ط³غ’ ظˆ ط*ط¢ظˆظ„غ’ ظ…ط¹غ’ ط§ظ„ط¬ط¢ظپغ’ ط³ظƒط±ظٹط¨طھغ’ (http://www.dzbatna.com/t1650519/)





السلام عليكم ورحمة الله تعالى وبركاته .
اليوم من خلال الجافاسكريبت script سنحآول عمل شيئ جديد و جميل و قد يفيدم في عمل اشيآء كثيرة اخرى ..
اولا يجب على كل من الدرس مفصل ان يرآجع ما اتى في الدرس مفصل (انه شآمل و موضح) , لمتآبعته انقر هنا (http://flyarb.com/f.asp?t=119683) http://flyarb.com/icon.aspx?i=icon_smile_tongue .
بعد متآبعته ستتعلم أشيآء كثيرة و نحن بصدد عمل تقويم لما رأيناه في الدرس مفصل السابق فقط ..
لنرى الآن طريقة لعمل حركة جميلة و بسيطة ..
اولا نرى نفتح ملفان كالعآدة (واحد للجافا و الآخر للاشتي ام ال) .. كالآتي :






http://users6.jabry.com/dimaliga/js/2.png




نفتح ملف الجافاسكريبت script كالعآدة و نرى الفنكشن كآمل :



http://users6.jabry.com/dimaliga/3/1.png



الآن نأتي للشرح طريقة المبسط :



http://users6.jabry.com/dimaliga/3/2.png




نرى الآن متغيرآت جلب العناصر :



http://users6.jabry.com/dimaliga/3/3.png



نرى هذا المتغير ليجلب لنا طول ما يوجد بالعنصر pass الذي هو انبيت ادخال الباسوورد و منه سننطلق بالشرط :


http://users6.jabry.com/dimaliga/3/4.png



الشرط الأول :




http://users6.jabry.com/dimaliga/3/5.png





الشرح طريقة المبسط : في حالة كان الطول اصغر من او يساوي ادنى قيمة نختارها في البارامتر للدالة يظهر لنا (Div) الخاصة برسالة الخطأ يجعلها ظآهرة .
الآن بآقي الشروط (مثل ما سبق تتغير الشروط و الرسآئل المرآد اظهارها فقط)





http://users6.jabry.com/dimaliga/3/6.png




و هذه دالة لتظهر لي الباس (تم شرح طريقةها في الملحق 1) :




http://users6.jabry.com/dimaliga/3/7.png




ننتقل الى ملف الـHtml و نضع كلاسات الستايل style :




http://users6.jabry.com/dimaliga/3/8.png




ملحوظة : كل الكلاسات للديفات لها Display يعني الظهور = None يعني مخفي .. لا تظهر الا بعد امر من الجافاسكريبت script يظهر كل واحدة في كل حالة .
الآن نضع العنآصر التآلية :




http://users6.jabry.com/dimaliga/3/9.png





شرح طريقة العنصر الخآص بالـINPUT :




http://users6.jabry.com/dimaliga/3/10.png





و هنا صورة خاصة باظهار تحويل الرمز من باسوورد الى حروف و ارقام :




http://users6.jabry.com/dimaliga/3/11.png




هنا الدليفات , لكل ديف كتابة خاصة بها و ايدي ليتم اظهارها عند الحآجة اليها :




http://users6.jabry.com/dimaliga/3/12.png




هذا هو الكود code كآمل :





http://users6.jabry.com/dimaliga/3/13.png





الآن لندخل المتصفح (GooGle Chrome) :


نرى :




http://users6.jabry.com/dimaliga/3/14.png




لنبدأ بادخال الباسووردآت :




http://users6.jabry.com/dimaliga/3/15.png




(باس ضعييف)
لنجرب واحد آخر :




http://users6.jabry.com/dimaliga/3/16.png



(لا بأس به)
لنجرب كود code طويل وقوي :



http://users6.jabry.com/dimaliga/3/17.png



(جميل و قوي)



http://img138.imageshack.us/img138/3297/facile.gif



كما رأينا فقد تم عمل الكود code بشكل صحيح 100/100 و من جهتي اراه جميلا للاستفادة منه و استعماله في نسخ او مواقع ما ..
و الى هنا ينتهي درس مفصلي لهذا اليوم .. آملا من الله تعالى ان يوفقني في وضع دروس و تطبيقات جديدة ..
بالتوفيق لكم , كما اتمنى ان ارى تطبيقا للكود codeآت مما سيجعل غريزتي في اتمام ما سبق قوية جدا ..





http://www.flyarb.com/f.asp?t=119925 (http://www.flyarb.com/f.asp?t=119925)






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©