بعد أن تحدثنا في الأجزاء الأولى من طريقة كتابة الأجاكس في Javascript، نأتي لتطبيق ذلك بإستخدام مكتبات Javascript التي ستوفر علينا الوقت بالتأكيد، هذا الدرس سيتحدث عن إستخدام الأجاكس في مكتبات Javascript ضمن سلسلة الأجاكس بسهولة، كما قلت في هذه الفقرة سيكون علينا بسهولة إختصار المزيد من بإستخدام مكتبات Javascript.
البعض يفضل ذلك لسبب أنه يستخدم المكتبة معينة لتطبيق معين ويريد إستخدام الأجاكس في نفس التطبيق وبما أن المكتبة التي يستخدمها موجودة يفضل إستخدامها ليتجنب إعادة ما يريد كتابته من الصفر.
نسبة إستخدام متصفح الإكسبلورر 6 لا تزال موجودة ومرتفعة خصوصاً في المواقع العربية، وسبق أن كتبت عدة مواضيع في المدونة حول هذا الموضوع وتوفير الحلول المناسبة للمشاكل التي ينتجها هذا الإصدار التعيس، واليوم أوفر لكم بعض الطرق التي تساعد على إنخفاض نسبة إسخدام هذا الإصدار.
مكتبة jQuery هي أحد مكتبات لغة Javascript الشهيرة مجانية ومفتوحة المصدر وتعتبر الأكثر إستخداماً بين المطورين، كما أنها مستخدمة حالياً في أكبر المواقع (بنسبة 20% من 10،000 من المواقع الكبيرة) وإنشأت لتكون التطبيقات المبنية عليها أقل حجماً وتكون سهلة الإستخدام والإختصار للوقت أكثر من غيرها من المكتبات، إضافةً إلى توفر جميع ما يمكن عمله بلغة Javascript بسهولة مثل تحديد عناصر (DOM(Document Object Model ، إنشاء التأثيرات والحركات بأنواعها، إستعمال الأحداث events ودعم أداة الأجاكس.
سأعرض مصادر حول مكتبة jQuery إضافةً إلى بعض روابط مذيلة بآخر الموضوع كما أتمنى أن تفيد الذين يريدون تعلم إستخدام هذه المكتبة.
إفتُتحت مدونة قص ولصق قبل أيام قليلة وهي مدونة تهدف إلى إطلاع المتابعين من المطورين والمصممين إلى أحدث التقنيات والمعلومات في مجال تصميم وتطوير مواقع الانترنت كما هو موجود في صفحة المدونة.
بدأَت بتصميم يشكّل معنى شعار الموقع وتسعى لأن تكون المواضيع كذلك وأتوقع لها مستقبل وأتمنى أن تكون مستمرة في الطرح من البداية، وتسعى المدونة في الوقت الحالي لجذب كتاب ذو خبرة عملية إلى المدونة وتقديم محتوى متخصص وجديد يضاف إلى المحتويات العربية والمتعلقة بمجال تصميم وتطوير المواقع.
شعار مقتبس من تدوينة شعار قص ولصق من مدونة شعارات
سأكتب درس قادم حول تحويل التصميم من PSD إلى HTML (من الفوتوشوب إلى صفحة HTML) في مدونة قص ولصق .. فكونوا معنا 
هذا الجزء الثالث من درس كتابة مكونات الأجاكس في لغة Javascript ضمن سلسلة الأجاكس بسهولة، ذكرنا في الدرس الماضي بقية كتابة مكونات الأجاكس وباقي خصائص كائن XMLHttpRequest مع عرض المثال الإفتراضي في آخر الدرس.
في الجزء الثالث والأخير من الدرس سنعرض مثال عملي على ما تعلمناه سابقاً في كيفية الإتصال بشكل تفاعلي مع الخادم بواسطة الأجاكس، سيكون التطبيق عبارة عن عرض للأحداث بإختيار السنة التي تمت فيها الحدث، وسيتم إستدعاء البيانات مباشرةً دون تحديث الصفحة من ملف php سيتولى إستدعاء البيانات كاملة من قاعدة بيانات من نوع MySQL.
في الجزء الثاني من درس تحديث البيانات في القاعدة الذي إستعرضناه كان يتحدث عن الشكل الثاني من تحديث البيانات وهو أن يكون لكل إختيار أو حقل صف row بدلاً من أن يكون عمود column في الجدول وهو سهل جداً.
هذ الجزء سيكون متنوع أي خليط بين الشكل الأول والثاني ولكنه قريب جداً من الشكل الثاني (تحديث الصفوف في الجدول وفي وقت واحد) وأعتبره سهل أيضاً ولكن سنركز على تحديث البيانات الموجودة في حقول في نموذج HTML من نوع SELECT و checkbox و radio ، وتستخدم في تحديد أكثر من إختيار مثل إختيار أقسام الموضوع وغيره.
يمكنك الرجوع لأجزاء لدرس عن طريق هذه الروابط:
هذا الجزء الثاني من درس كتابة مكونات الأجاكس في لغة Javascript ضمن سلسلة الأجاكس بسهولة، ذكرنا في الدرس الماضي بداية معرفة كتابة مكونات الأجاكس وعن كائن XMLHttpRequest وتضمينه في متغير requester والتأكد من تفعيله في كائن ActiveX (لمستخدمي متصفح الإسكبلورر).
في الجزء الثاني من الدرس سنتعرف على بقية مكونات الأجاكس عن طريق كائن XMLHttpRequest نفسه حيث يحتوي على الطرق methods التي نريد إستخدامها.
في الجزء الأول من درس أشكال التحديث في قاعدة البيانات الذي إستعرضناه كان يتحدث عن الشكل الأول من تحديث البيانات وهو أن يكون لكل إختيار أو حقل عمود column في الجدول وهو سهل جداً، هذا الجزء سيكون معقد قليلاً من الجزء الأول من الدرس وهو يشرح تحديث أكثر من صف row في الجدول وفي نفس الوقت. (صف وليس عمود، أتحدث عن تركيب الجدول في قاعدة البيانات)
هذه التدوينة ضمن المتفرقات التي تتحدث عن المدونة والتحديثات التي إضيفت إليها وللتواصل مع القراء بما مر على المدونة خلال فترة معينة بين مواضيع المتفرقات التي أكتبها في المدونة.
قبل أيام سألت حول التدوينات أو المواضيع الطويلة والقصيرة وتفضيلات المدونين حولها وذلك كان عبر تويتر (شاركني بالإجابة عن السؤال fezsoft@ و ahmedhamouda@)، والتدوين ليس بالسهولة التي كنت أتصورها منذ بداية كتابتي في المدونة وخاصة عند تجهيز موضوع يستحق أن ينشر ولهذا سألت المدونين حول تقييم مواضيعهم عند كتابتها وتفضيلهم التدوينات الطويلة والقصيرة، طبعاً الأهم من ذلك جودة الموضوع نفسه سواء كان قصير أو طويل. وأطرح السؤال مرة أخرى للمدونين حول هذه النقطة.
هذا الجزء الأول من درس كتابة مكونات الأجاكس في لغة Javascript ضمن سلسلة الأجاكس بسهولة، سنتحدث في هذا الدرس حول كتابة مكونات الأجاكس في لغة Javascript كما ذكرنا، سنتعرف في البداية على كائن XMLHttpRequest والذي سنكتب عن طريقه بقية مكونات أداة الأجاكس.
يعتبر كائن XMLHttpRequest السمة الأبرز في أداة الأجاكس. كما أنه يتميز بجلب البيانات من الخادم بدون الحاجة لتحديث الصفحة أو الإنتقال منها. أي أنه يقوم بإستدعاء جزء من الصفحة المطلوبة أو الملف المطلوب إلى الصفحة الحالية دون الإنتقال من الصفحة الحالية.
عرض بيانات معينة كإختيارات المستخدم أو تعديل وإضافة المواضيع يكون على نموذج ويب (Web Form)، اليوم سأستعرض الجزء الأول من ثلاثة أشكال للتحديث في قاعدة البيانات والتي أراها متكررة وسبق أن مررت بمشكلة بأحد هذه الأشكال، والدرس مقسم إلى ثلاثة أجزاء وسيستفيد منها المبتدئين خصوصاً والمطورين بشكل عام وهي ليست جديدة عليهم عموماً.
أيقونات جديدة من تصميمي بصيغة PNG، مجموعة الأيقونات هذه المرة متنوعة الأشكال لم أحدد أشكال معينة ولكن أكثرها أشكال مربعة أو شبه مربعة (مثل الحقيبة، البيت، ملفات، … ).
