Aug 072013
 

في هذا الدرس سأقوم بوضع تلخيص سريع حول التعامل مع مكتبة jQuery قبل البدأ به، إن كنت على معرفة حول كيفية استخدامها فيمكنك تخطي هذا الشطر.

ما قبل البدأ: مكتبة jQuery:

مكتبة jQuery عبارة عن مكتبة مبنية على JavaScript لتسهل على المستخدم الوصول لعديد من دوال اللغة الرئيسية بشكل سلس.

مكتبة jQuery تتكون من ملف واحد فقط ويمكنك تنزيله من موقعها الرسمي. بالنسبة للاستخدام فكل ما عليك هو ربطها بالصفحة والطريقة هي بوضع التالي بين وسمي head في الصفحة:

<script type="text/javascript" src="jquery.js"></script>

أي أن “jquery.js” عبارة عن اسم الملف ومساره. للتعامل مع الأحداث في jQuery نستخدم هذه الطريقة:

$(handler).click();

أي أن “handler” يقصد بها المقبض أو الجزء المسبب للحدث في الصفحة. و click هي نوع الحدث (عند الضغط) ويمكن أن تكون هناك دالة داخل الحدث. بالعودة للمقبض، هناك أكثر من طريقة لتحديد المقبض؛ منهم استخدام id الجزء المراد استخدامه مسبوقًا بـ# ، مثالًا:

<button id="test" name="test">click me</button>
<script type="text/javascript">
$('#test').click(function(){
    alert("مرحبًا");
});
</script>

طريقة أخرى وهي باستخدام الاسم، لكن في هذه الحالة يجب تحديد نوع العنصر، مثالًا إن كان حقل فتسبقه input وإن كان صندوق نص فـ textarea تسبق اسم العنصر، وهنا مثال مبني على المثال الذي سبق أعلاه:

<button id="test" name="test">click me</button>
<script type="text/javascript">
$('button[name=test]').click(function(){
    alert("مرحبًا");
});
</script>

هناك طرق أخرى لكن ما سبق يفي بالغرض لعنوان الدرس. بالنسبة للأحداث فهي عديدة منها: submit, blur, focus and change

الجزء الأول من الدرس: إنشاء النموذج: Continue reading »

May 312013
 

بعد انقطاع طويل ها هي عودة جديدة لمواصلة المشوار، قد يكون الوقت محاكي لـ ” تجري الرياح بما لا تشتهي السفن ” لكن طالما هناك متسع فإن المسيرة مستمرة في طرح الدروس هنا بإذن الله.

هذا الدرس هو للمبدئين إذ من خلاله سيتم شرح كيفية إرسال بريد، ولمن هم في المستوى المتوسط إذ سيتم طريقة تخصيص ترويسة الصفحة. ارسال البريد من خلال الموقع قد يكون للاتصال بإدارة الموقع، طلب تفعيل عضوية، أو استرجاع كلمة مرور وغيرها من الأمور؛ بالتالي مهمة الارسال من الأساسيات المهمة في تطبيقات الويب.

Continue reading »

May 232012
 

في [تطبيق مجاني] محاكاة لجدار Facebook وضعت الاصدار الأول من تطبيق محاكاة جدار Facebook، والمقصد من وضعه هو استغلاله لمن أراد الاستفادة منه في تطوير مهاراته في PHP، من مبدأ المشاركة في التعلم، ويمكن تطوير التطبيق لما يتناسب مع الاستخدام الشخصي في الموقع ما دام أنه لا يخالف الشريعة الاسلامية بكل حرية 🙂

الجديد في هذا التطبيق:

  1. يمكن تسجيل عضويات جديدة
  2. يمكن حذف المشاركات مباشرة من التطبيق دون الرجوع لقاعدة البيانات
  3. التحديث التلقائي (كل 10 ثواني افتراضيًا) للمشاركات الجديد (الكتابات فقط دون الردود)
  4. تعدد اللغات
  5. تحسينات أخرى ..

مثال:

http://www.alrashdi.co/tests/fbwall/index.php

username: test

password: test

(يجب تسجيل الدخول لمشاهدة الجدار)

للتنويه: بشكل عام استخدام الجدار غير عملي لأسباب يمكن اكتشافها بعد تجربته، ومنها اختفاء المشاركات القديمة، وللأسف لم أجد الفرصة لتغطية هذه النقطة، ويمكن لمن أراد تطويره في أي وقت ..

مثال للعرض باللغة العربية:

 

التنزيل:

fbWall-v1.2.zip

طريقة التركيب:

  1. فك ضغط الملف
  2. زراعة قاعدة البيانات
  3. تغيير الاعدادات (اختياري)

الاعدادات:

الاعدادات موجودة في الملف includes/settings.php

<?PHP
$setting = array();
$setting['title'] = 'FB Wall'; ## عنوان الموقع
$setting['session'] = 900; ## مدة حفظ تسجيل الدخول لكل عضو بالثواني
$setting['characters'] = 200;  ## عدد الحروف الأقصى للكتابة
$setting['moderator'] = array(1); ## ارقام عضويات المشرفين
$setting['jsrefresh'] = 10000; ## الزمن لتحديث المشاركات بالمليثانية
$setting['language'] = 'default'; ## اللغات: default / arabic
?>

 

إن كانت هناك اقتراحات، يرجى كتابتها في التعليقات، فربما ستكون هناك فرصة لتطوير آخر ..

Apr 132012
 

أضع بين ايديكم تطبيق صغير عبارة عن محاولة لمحاكاة جدار Facebook. الهدف منه كان عبارة عن تطبيق اختباري لأحد الجهات، وأيضًا اكتساب المعلومة عبر التطبيق. التطبيق مبني من الصفر، ومكتبة jQuery ملحقة به.

مثال حي:

http://www.alrashdi.co/tests/Bigpoint/index.php

username: test

password: test

 

ملاحظة: يجب تسجيل الدخول ليظهر الجدار ..

 

التطبيق غير مكتمل ويمكن تنزيله من هنا لمن اراد التجربة.

 

طريقة التركيب:

  1. زراعة قاعدة البيانات في الملف database.sql
  2. تحرير الملف includes/config.php

🙂

Mar 052012
 

درس بسيط لقطع حبل الانقطاع في الفترة المنصرمة 😀

وهو عبارة عن بعض الطرق للتحقق من صحة البيانات المدخلة في حقل معين في نموذج. يختلف نوع التحقق حسب نوع الحقل وحسب طريقة معالجة البيانات، والتحقق قد يشمل التحقق من حالة الحقل إن كان فارغًا أم لا، أو إن كان البريد الالكتروني مكتوب بشكل صحيح أو هو مجرد ملئ فراغ. عبر الأمثلة سيتم شرح عدة نقاط بإذن الله.

Continue reading »