ما هو دور WebKit فى AIR

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

عند برمجتك ال AIR عن طريق HTML/CSS/Javascript فإن المترجم لكل هذه التقنيات هو WebKit المترجم الموجود فى المتصفح safari على الكمبيوتر و ال iphone و قد إختارته شركه ADOBE بعد البحث لأسباب كثيره أهمها انه مفتوح المصدر و مجتمع المطورين فيه يزداد و التطوير فيه مستمر و دائما يقوم بطرح توصيات منظمه W3C للعمل عليها و دمجها فى المترجم مثل DOM specifications و CSS level specification و HTML و توصيات مجموعه WHATWG بالإضافه إلى ماتضيفه WebKit على غيره من المتصفحات فعلى سبيل المثال فى ال CSS يمكنك عمل حواف دائريه للعناصر بدون إستخدام الهاكات او المكاتب التى أعدت لذلك مثل rounded corners كل ماعليك هو إستخدام الخواص الجديده و الحصريه فى WebKit و المثال التالى يوضح ذلك

-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-right-radius:20px;
-webkit-border-top-left-radius:20px;

و الصوره توضح العنصر ذو الحواف الدائريه عن طريق أربع أسطر من الكود فقط بدون تعقيدات المكاتب و الهاكات

و لذلك عليك معرفه خواص المترجم عن ظهر قلب و هذه الروابط ستفيدك

ال CSS فى بيئه ال AIR و المرجع الشامل لكل خواص ال CSS فى WebKit

ال javascript فى بيئه AIR

ال HTML فى ال AIR

و أخيرا موقع webkit

و إذا كان لديك إستفسار إترك تعليق او راسلنى

framework لمبرمجى ال AIR بالجافاسكربت

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

قد ذكرت من قبل انى أكتب framework لمرمجين ال AIR بالجافاسكربت و قد أنهيت اليوم الجزء الخاص بالنوافذ NativeWindows و القوائم NativeMenus حيث يمكنك عمل قوائم فى غايه التعقيد فى أسطر قليله جدا جدا جدا و كذلك عمل نوافذ و تخصيصها بدون معاناه و بعد كتابه هذا المقال سوف أبدأ فى العمل فى الجزء الخاص بالسحب و الإلقاء Drag and drop ، بالنسبه لل Syntax فهو شبيه إلى حد ما ب YUI حيث أن كل الكائنات تحت namespace واحد يمكنك التوصل إليها من خلاله كل ما عليك مثلا لعمل نافذه جديده هو الطريقه create داخل الكائن windiw ال parameter الذى هو عباره عن خصائص النافذه كلها ، فور قرب الإنتهاء من ال framework سوف أكتب فى مدونه خاصه بها سوف أجعلها باللغه الانجليزيه لسببين أنى اريد أهتمام عالمى من المبرمجين بالإضافه إلى أن العرب لا يساعدون فى مثل هذه الأشياء إلا من رحم ربى ، و سوف أطرحها للأختبار قبل أن أنزع منها اللقب Beta ، ان لم تكن تعلمت ال AIR حتى الان فأبدا حالا فهو لا يحتج منك إلا خبره بالجافاسكربت و بعض ال HTML و ال CSS حتى يمكنك إستخدام قدراته فى عمل تطبيقات سطح المكتب

كتاب O’Reilly : DoJo the defenitive guide

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

اليوم قمت بوضع كتاب Oreilly : DoJo the defenitive guide فى قائمه الكتب الخاص بى فى امازون amazon wish list قام بتأليف الكتاب Matthew Russell و هو بمثابه مرجع شامل لمكتبه DoJo التى توفر لك كل ماتحتاجه لبرمجه ال browser المتصفح بدايه من تحسين لغه الجافاسكربت نفسها بالإضافه غلى مجموعه كبيره من ال widgets التى تتضمن Data grids و calendars و امكانيات السحب و الإلقاء Drad and drop و اداوات حفظ البيانات و إسترجاعها و غيرها من ال widgets التى ستحتاجها و يقوم الكتاب بتغطيه كل أداه توفرها المكتبه تغطيه شامله بالإضافه إلى أمثله توضيحيه تجيب على كل إستفساراتك لكى تصبح خبيرا بها

يغطى الفصل الاول من الكتاب لغه javascript و كيف يتم التعامل مع بنيتها عن طريق ال dojo و تسويه الفروق بين المتصفحات

و يغطى الفصل التانى من الكتاب التعامل مع الاحداث و الاحداث المتعلقه بال Keyboard keys و ال event listeners

و يغطى الفصل الثالث تقنيه ال AJAX و كيفيه التخاطب بين المتصفح و السيرفر عن طريق ال DoJo و طريق التخاطب بين الدومينات المختلفه عن طريق JSONP و يناقش أيضا remote procedure calls | rpcs عن طريق JSONP

أما الفصل الرابع فيقوم بتغطيه ال DOM Query و كيفيه جلب عناصر ال html عن طريق تخصيص الاختيارت و كيفيه عمل NodeList و NodeList Extension و كيفيه توسيع و إمداد المكتبه بما يناسبك من وظائف DOM query

أما الفصل الخامس فيناقش i18n و السادس يناقش خواص الالقاء و السحب التى تدعمها المكتبه لجعل تطوير مثل هذه الواجهات اسهل من نظائرها المعقده

و الفصل السادس يناقش ال Animation و كيفيه عمله عن طريق الكود و دمجه مع خصائص ال Drag grop الموجوده بالمكتبه حيث ان أحد عناوين هذا الفصل Animation + Drag and Drop = fun اما باقى الابواب فتغوص بك فى الخصائص المتقدمه للمكتبه و التى تتناول Data Abstraction و الوراثه و البرمجه الموجهه بالكائنات Classes and Inheritance و هذا بالإضافه إلى مناقشه Dijit و التى ستهم المصممين فى سهوله عمل التصميمات المعقده و التى يمكن برمجتها بالكود بمنتهى السهوله و إمتدادها و مساوتها بين جميع المتصفحات ثم ينتقل بك الفصل الثالثت عشر إلى ال Form Widgets و يناقش جميع عناصر الفورم التى يمدك بها dojo مثل ال slider و ال calendar و ال buttons variation و غيرها من العناصر التى تساعدك فى عمل فورم معقد نسبيا ثم ينتقل الفصل الرابع عشر إلى Layout Widgets و التى تناقس الادوات مثل Tabs و ال Accordion و غيرها و الفصل الخامس عشر ينتقل إلى عناصر ال application widgets و يناقش ال tree و ال dialogue و ال toolbar و ال color palete و ال title pane و غيره و بهذا ينتهى الكتاب و يعطى لمن قرأه قوه غير عاديه فى بناء تطبيقات ويب تفاعليه و غنيه بالعناصر و شبيه بتطبيقات سطح المكتب

YUI autogrids

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

هل عانيت من مشكله الابعاد التى قد تواجهك عند التعامل مع YUI grid حيث أنك عندما تظبطها للعمل على ابعاد 100% فإنها تسبب الضجر للمستخدمين ذوى الشاشات عاليه الدقه و عندما تظبطها على أبعاد 800*600 فإنها ستكون غير مملائمه أيضا لشاشات عاليه الدقه و عندما تظبطها على الابعاد 1024*876 فإنها غير ملائمه لمستخدمين الشاشات منخفضه الدقه .

أخيرا قام christian heilmann احد مطورى مكتبه YUI | Yahoo user interface التى تعمل على أغلب مواقع الياهو بتطوير حل مناسب يقوم على قياس أبعاد الشاشه و تغيير ال classes لعناصر الجدول بناءا على ذلك حتى تلائم الابعاد الحاليه للشاشه

متصفح Opera يساعدك فى تصحيح عرض موقعك عليه

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

المتصفح الشهير Opera قام بإستئجار العديد من الناس وظيفتهم تصفح الإنترنت و إيجاد المواقع التى لا تعمل على Opera بشكل صحيح و أرشفتها و نقوم Opera بنصيحتهم كيف يغيرون أو يضيفوا الكود حتى يعمل على جميع المتصفحات بما فيها Opera و هذى خطوه من ضمن خطوات ليست جديده على Opera حتى تزيد من مشاركتها فى سوق المتصفحات المسيطر عليه firefox و Internet explorer للمزيد ستجد هنا فى هذا المقال الذى كتبه Nik Cubrilovic

كتاب Practical Prototype and Script.aculo.us

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

كتب Andrew Dupont كتاب Practical prototype and scriptaculous لدار النشر APress و قد أعطى نسخه تحتوى على الجزء الرابع من الكتاب ل ajaxian يمكنكم تحميل هذا الجزء من هذا الرابط فى صوره pdf ، هذا الجزء من الكتاب يتعمق فى Ajax.Updater و Ajax.Request و Ajax.PeriodicalUpdater و هذا مقطع من الكتاب

By now, you’re almost certainly familiar with Ajax as a buzzword. Technically, it’s an acronym—Asynchronous JavaScript and XML — and refers specifically to JavaScript’s XmlHttpRequestobject,which lets a browser initiate an HTTP request outside the confines of the traditional page request.

Yawn. The technology isn’t the exciting part. Ajax is huge because it pushes the boundaries of what you can do with a web UI: it lets you reload part of a page without reloading the entire page. For a page-based medium like the Web, this is a seismic leap forward.

processing.js

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

لغه processing فى الاصل هى لغه مفتوحه المصدر تهدف للرسم بواسطه الكود و عمل animation و اشكال تفاعليه و رسم بيانى بواسطه الطلبه و الهواه و الرسامين حتى تزيل الحكر و سيطره الشركات الكبيره على هذا المجال فى السوق ، قام بالبدأ فى المشروع Ben Fry و Casey Reas ولاقت رواجا واسعا و إزداد مجتمع المبرمجين الذى تبنى اللغه الجديده و قد كتبت عنها كتب عده مثل Oreilly - visualizing data و processing creative coding and computational art و Processing: A Programming  Handbook for Visual Designers and Artists بالإضافه الى المقالات الهائله التى كتب عنها فى المدونات و المجلات المتخصصه ، و هذا مما شحن همه العبقرى john resig مطور مكتبه jquery بأن يكتب processing.js فى أوقات فراغه ليصدرها بعد شغل يقرب من 7 شهور ، و هى تهدف إلى كتابه لغه processing فى المتصفح و ترجمتها و إعرابها عن طريق javascript regular expressions و تحويلها إلا العنصر canvas و التحكم بها و التعامل مع الاحداث عن طريق جافاسكربت و هذا يؤدى إلى اعتماد ال processing.js على المتصفحات التى تدعم العنصر cancas و هى firefox3 و Opera 9.5 و WEBkit nightly و من يدرى ربما مايكروسوفت IE يفاجئنا فى الإصدار رقم 8 بأنه يدعم العنصر canvas ، و هذه بعض المقالات التى كتبت عن processing.js

processing.js بواسطه john resig أول مقاله كتبت و يقدم فيها processing لمجتمع مطورى JS

processing after math بواسطه john resig و يشير إلى رد فعل المطورين بعد الإصدار

مقاله كتبت فى المشروع مجتمع المطورين العرب

هذا بالإضافه إلى المحرر obessing الذى مازال فى المرحله alpha وقت كتابه هذا المقال و الذى يمكنك من تحرير processing.js و عرضها فى المتصفح و الصوره التاليه توضح obessing

flXHR لتطبيقات أجاكس أفضل

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

أعلن Kyle Simpson مجموعه جديده من الادوات مفتوحه المصدر http://flensed.com عباره عن تكامل بين ال flash و ال javascript أبرزها كان flXHR و هو عباره عن Object يقوم بإتصالات كما يقوم كائن XMLHTTP فى المتصفح لكن بالإضافه إلى العديد من المميزات أبرزها : إمكانيه التخاطب بين الدومينات المختلفه متعقبا سياسه المصدر الواحد same orign policy و مستغلا لإمكانيه الفلاش من التخاطب بين الدومينات المختلفه ، بالإضافه إلى امكانيه دمجه بمكاتب جافاسكربت الحاليه مثل DoJo و Jquery و Prototype … الخ ، كل ذلك عن طريق وضع ملف flXHR.swf فى الصفح بصوره غير مرئيه بحيث يقوم بمعرفه الاصدار الحالى لمشغل الفلاش و يقوم بعمل تحديث تلقائى فى حاله عدم توافقه مع النسخه التى يعمل معها الاداه 9.0.124+ و بموقع الأداه هناك جدول للمقارنه بينها و بين أشهر البدائل المعروفه التى تستخدم flash لإجراء إتصالات مع السيرفر مثل Fjax و SWFhttpRequest و flashXMLHttpRequest و F4A و بالطبع flXHR يتغلب عليهم جميعا و ستجد هنا http://flxhr.flensed.com/demo.php بعض الامثله التى توضح كيفيه الإستخدام بالإضافه إلى صفحه التوثيق http://flxhr.flensed.com/documentation.php التى تحتوى على كل ال methods و ال properties الخاصه بالأداه

س و ج - كيف يمكن عمل نافذه قابله للسحب فى AIR

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

عندما تقوم ببرمجه window فى AIR بدون systemChrome ستجد انها ثابته فى المكان التى ظهرت منه ولا يوجد وسيله لتحريكها او عمل drag لها … لأنه لايوجد إطار لها ، كل الموجود هو ال body لصفحه ال html فقط … إذا السؤال هو كيف أجعل هذه النافذه قابله للسحب ؟

الحل الاول : هذا الكود يجعل النافذه قابله للسحب من أى نقطه بها

document.addEventListener(”mousedown”,function(){

window.nativeWindow.startMove();

});

الحل الثانى : هذا الكود يجعل النافذه قابله للسحب من العنصر الذى يحتوى على id مساوى dragHandler

var dragHandler = document.getElementById(”dragHandler”);

dragHandler.addEventListener(”mousedown”,function(){

window.nativeWindow.startMove();

});

هذه الأكواد تقوم بتسجيل وظيفه بداخلها window.nativeWindow.startMove و التى تقوم بتحريك النافذه تحت الحدث mousedown و عندما يطلق المستخدم الماوس يتم إطلاق الحدث mouseUp و بذلك ينتهى سحب النافذه

س و ج - كيف أتعلم جافاسكربت و أصبح محترف بها ؟

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

فى مقاله ماذا يمكننى ان أفعل بال javascript و التى أفردت عدد كبير من أستخداماتها جاء ثانى تعليق من عمار يسأل كيف أتعلمها ؟

هناك العديد من الكتب فى السوق يمكن من خلالها تعلم الجافاسكربت لكنها تنقسم لصنفين من وجهه نظرى :

الاول : كتب تعلمك جافاسكربت و تضعك على منتصف الطريق مثل for dummies ,و سلاسل sAms teach your self

الثانى : كتب تعلمك جافاسكربت من الألف حتى الياء و غالبا مايكون عدد صفحات الكتاب أكثر من 1000 الف صفحه مثل سلسله Osborne : javascript the complete reference او سلسله Wiley : Bible javascript او سلسله O’Reilly : javascript the complete reference او O’Reilly learn javascript 2nd edition

أنا أنصحك طبعا بالنوع التانى الذى يعلمك من الالف للياء ، بعد إختيار كتاب من النوع التانى و قرائته و هضمه هذا ليس نهايه المطاف ، هناك كتب للمتقدمين مثل Apress : Pro javascript techniques من تأليف John resig صاحب مكتبه jquery هذا الكتاب إنتاج 2006 و لكنى اقرأه حتى الان الكتاب روعه بمعنى الكلمه ينقلك من المستوى المتقدم للمستوى المحترف ، و هناك أيضا كتاب O’Reilly javascript cook book و الكتاب عباره عن سؤال و إجابه لكل مايخطر ببالك فى اللغه ، و هناك أيضا كتاب WordWare : advanced javascript و هو كتاب أيضا رائع يتقدم به مستواك إلى محترف … بعدما تتعلمها جيدا سوف تجد انك بحاجه إلى مكتبه تغنيك عن كتابه الكثير من الجافاسكربت و تسهيل المهمه عليك و أنا شخصيا أرشحلك مكتبه jquery و هناك كتاب رائع لتعلمها إسمه manning : jquery in action هذا باللإضافه الى ال documentaion التوثيق فى موقع المكتبه

إذا الخطه كذلك قراءه كتاب يعلمك كل شىء من الالف للياء عن الجافاسكريبت و قراءه مستمره فى الكتب المتقدمه لأنها غالبا ما تحتوى على محتوى جديد و أفكار جديده و إختيار مكتبه مناسبه لسهوله كتابه الاكواد بها

الخطوه الأخيره متابعه مدونات عمالقه الجافاسكربت :

مدونه john resig صاحب مكتبه jquery يكتب فى الجافاسكريبت فقط www.ejohn.org

مدونه dion almear و هو مهندس بجوجل يكتب فى الجافاسكريبت و أخبارها و المطورين www.ajaxian.com

مدونه peter paul kouch | ppk و هى مدونه تتحدث عن الاخطاء و الفروق بين المتصفحات فى اللغه www.quirksmode.org

موقع douglas crockford و هو مكتشف نوع البيانات JSON و أبو ال OOP techniques فى الجافاسكريبت و ستجد أفكاره هنا http://www.crockford.com/javascript

شبكه المطورين بالياهو www.developer.yahoo.com/theater

إذا قابلتك اى مشكله اثناء التعلم فيمكنك مراسلتى و ستجد يد العون إن شاء الله تعالى

س و ج - ماذا يمكننى ان أفعل بالجافاسكريبت

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

<script type=”text/javascript” >

سأجيب على هذا السؤال فى صوره 1،2 و لن أدخل فى تفاصيل كل نقطه … من يريد الإستفسار عن نقطه معينه فليترك تعليقا ، يمكنك إستخدام جافاسكريبت فى الاتى :

1- برمجه برامج تعمل على السطح المكتب desktop applications عن طريقه تقنيه ADOBE AIR حيث يمكنك برمجه قواعد البيانات و التفاعل مع الملفات و الشبكه الداخليه و شكبه الانترنت و النوافذ و القوائم و ال socket بدون تعلم لغات سطح المكتب المعقده مثل c و ال C++ و ال java و غيرها   … التقنيه لا زالت جديده يمكنك ان تكون من افضل المطورين فى العالم معى إن شاء الله

2- برمجه المتصفح و هذا هو الإستعمال الاكثر شيوعا و يطلق عليه client-side programming و الشخص الذى يتخصص فيه يطلق عليه front-end engineer لايوجد حدود لما يمكن ان تفعله على المتصفح إلا خيالك ، فاليوم يمكنك ان ترى ماسنجر على الويب على موقع meebo و العالم كله بأدق تفاصيله على google maps

3- برمجه windows vista side bar الشريط الجانبى بنظام تشغيل فيستا حيث يوفر لك من خلال الجافاسكريبت API تمكنك من التفاعل مع النظام و عمل أى شىء تريده

4- برمجه google docks و yahoo docks اللذان يأتيان مع google desktop و yahoo side bar بالترتيب و طريقه عملهما نفس طريقه عمل Vista side bar

5- برمجه ال widgets التى تعمل على igoogle و my yahoo و المواقع التى تعتمد فكره عملها على الصفحات الشخصيه

6- برمجه ال mashups مثل google maps و google calender و google open social و غيره الكثير جدا و خلطه مع الخدمه التى يقدمها موقعك فتخيل معى موقعك عباره عن دليل للفنادق و عن طريق google maps تستطيع توضيح مكان الفندق و موقعه بالنسبه للبحر و خلافه … ملحوظه : حاليا ال mashup يعتبر من اكبر الخصائص التى يتمتع بيها الموقع الناجح … نسيت ان أذكر ان youtube قد أطلقت مؤخرا youtube API الذى يمكنك من تحميل فيديوهات إلى يوتيوب من موقعك و التعليق و التحكم الكامل من خلال api جافاسكريبت من موقعك ، لأن youtube تريد ان تستضيف فيديوهات الارض كلها

7- برمجه برامج تعمل على موقع ال facebook و ذلك من خلال العمل على منصه f8 التى أنتجتها facebook حيث تمكنك من إستخلاص بيانات الاعضاء و المشاركات و عمل قواعد بيانات و غيره على الموقع من خلال api خصيصا لذلك

8- برمجه صفحات تعمل على السيرفر server-side pages من خلال تقنيه jaxer التى أطلقتها شركه aptana.com حيث تمكنك من التفاعل مع الملفات و قواعد البيانات و النصوص و كل ما تحتويه بيئه السيرفر و ذلك من خلال api جافاسكريبت و بذلك يكون ال client ( المتصفح ) و السيرفر يتم برمجته بلغه واحده و ذلك يطلق عليه unified model

9- يمكنك مصتفح firefox من بناء extentions و التعديل على واجهه المستخدم من خلال تفاعل جافاسكريبت مع لغه XUL ، و يمكنك أيضا firefox من خلال extentions إسمه greasemonkey من التعديل على أى موقع تريد من خلال الجافاسكريبت فهناك الاف السكريبتات على موقع userscripts.org بعضها يقوم بإلغاء الاعلانات فى كل موقع تزوره و البعض الاخر يضيف خصائص غير موجوده على gmail او google reader و بعضها الاخر يضيف خصائص غير موجوده فى موقع ebay و الكثير و الكثير … و يمكنك انت من برمجه سكريبت يسهل عليك التعامل مع اى موقع مفضل لديك …

10 - يمكن من خلال الجافاسكريبت التفاعل مع java applets و flash

11 - يمكنك عمل performance suits لمعاينه كفاء تطبيقات الويب التى تقوم ببنائها من خلال AJAX و ال requestHeaders

12- يمكنك عمل تطبيقات ويب WEB application تعمل offline بدون إتصال بالأنترنت عن طريق تقنيهGoogle Gears التى توفر API جافاسكريبت تقوم بالمهمه

13- يمكنك عمل تطبيقات تفاعليه عن طريق تقنيه silver light التى أطلقتها مايكروسوفت مؤخرا و توفر لك api للتفاعل مع التقنيه داخل المتصفح و فى بيئات مختلفه عن طريق الجافاسكربت

تحديث :

14- يمكنك عمل digital art بمعنى الرسم بواسطه الكود عن طريق processing.js التى كتبها العبقرى john resig ، أو إستخدام algorithmic Ink التى برمجها Aza raskin

فى هذه القائمه ذكرت أبرز الإستخدامات فإذا كان لديك إستخدام لم إذكره سهوا فقم بالتعليق

فيديوهات Yahoo! YUI theater لمبرمجى الجافاسكريبت

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

قد كتبت فى موضوع سابق عن فيديو : جافاسكريبت لغه البرمجه … و هى حلقه ألقاها douglas crockford الذى يشغل منصب yahoo javascript architect و هى حلقه من ضمن حلقات دوريه يلقيها المهندسين front end engineers بداخل الياهو … لتبادل الخبرات مع مجتمع مبرمجين الويب ، و تتناول الحلقات مكتبه واجه مستخدم ياهو YUI و ال usability و ال accebility و ال user experience و ال rich internet applications و ال AJAX و غيره ، فإذا كنت مهتم بالجافاسكريت فلابد ان تضع الموقع فى مفضلتك

http://developer.yahoo.com/yui/theater/

و تضعه أيضا فى قارىء ال RSS الخاص بك … و هذا هو رابط ال RSS

http://feeds.feedburner.com/yuiblog/yui-theater

فيديو محاضره جافاسكربت لغه البرمجه 4 اجزاء + الشرائح من ياهو

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

اليوم أقدم لكم مجموعه محاضرات القاها douglas crockford الذى يشغل منصب YahOO! javascript architect بعنوان javascript the programming language و المحاضرات تتناول نظره شديده التعمق على اللغه و التركيب اللغوى syntax لها و مايميزها عن غيرها و الكائنات … المحاضره بغايه الروعه أنصحك ان تستمع إليها بشده

الفيديو الجزء الأول

الفيديو الجزء الثانى

الفيديو الجزء الثالث

الفيديو الجزء الرابع

الشرائح

أغرب خطأ برمجى فى الجافاسكربت

أكتشف john resig مطور مكتبه jQuery إثناء بحثه فى كيفيه عمل ال timer فى جافاسكريبت خطأ غريب و غير عادى فى الانترنت إكسبلورر فى طريقه تناولها لهذا الكائن … و يتلخص هذا التصرف الغريب فى الكود التالى

setTimeout( function(){ alert(”keepondev”) } , -1) ;

لابد أنك لاحظت انه قد أعطى لل timer القيمه -1 و هى الفتره الزمنيه بالميللى ثانيه بعدها يتم تنفيذ الكود … و كانت المفاجئه عند تجربه الكود فى انترنت اكسبلورر … أنه لم يتم تنفيذ الكود و إنما تم تسجيل الكود تحت حدث onclick اى ان الكود السابق مساوى تماما لهذا الكود فى إنترنت إكسبلورر فقط

document.onclick = function(){
alert(”keeponedv”);
}

و الأغرب من ذلك انه يتم تنفيذه ذلك الكود مره واحده فقط عند الضغط على اى منطقه داخل الوثيقه قم تجربتها بنفسك و إن وجدت لها إستخدام فقم بإرساله لى فورا

كيبونديف مدونه متخصصه فى الجافاسكريبت

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

قد قررت أن أتخصص فى التدوين عن الجافاسكريبت فإن كنت تريد أن تصبح من أفضل مبرمجين الجافاسكربت فى العالم فتابعنى بإستمرار لأنى سأكتب عن الاتى :

1. javascript frameworks
2. ADOBE integrated runtime | AIR
3. تغطيه جميع الاحداث المتعلقه بالجافاسكربت كالمؤتمرات مثل : Ajax experience و غيرها
4. متابعه التغيرات فى مكاتب الجافاسكربت و التقرير عنها
5. كتب مجانيه اكتبها بنفسى و بالتعاون مع أفضل المبرمجين العرب مهاره فى الجافاسكربت
6. متابعه اخر تقنيات ال cross site scripting | XSS و كيفيه استغلالها و حلها
7. شرح الاكواد الداخليه فى أكثر مكاتب جافاسكريبت تعقيدا
8. الإشاره إلى الفروق البرمجيه بين المتصفحات و كيفيه تناولها

قم بإضافتى إلى ال rss reader أو إستمع لدرس شرح google reader من أجل تجربه فائقه المتعه