الطيب لخدمات الاستضافة - قاعدة المعرفة - شرح عمل نوافذ أجاكس للويب

اليوم أقدم لكم TinyBox وهو أطار عمل بسيط بلغة الأجاكس (مزيج بين الجافا سكربيت و XML ) وهو تطبيق خفيف لا يتعدي حجم ملف الجافا سكربيت 3.5 كيلو بايت ، يمكنك من عمل نافذة لعرض محتوي HTML وتظهر بناء علي طول وعرض ..ولها تأثير Fade In وعند الإختفاء Fadeout يمكنك وضع محتوي نصي بيه مثلا … أو فورم تسجيل ، صورة معينة ، تنبيه لرسالة ما ..

كيف وضعه من خلال هذا الكود ..البسيط الذي لا يتطلب معرفة برمجية متعمقة من خلال 6 معاملات وهي

    TINY.box.show('advanced.html',1,300,150,1,3)

1- اسم الملف المطلوب عرضه : Advanced.html

2- معامل أختياري (صح أو خطأ ) وهو هل تريد عرض المحتوي بالأجاكس ؟

3- المعامل الثالث : 300 وهو العرض بالبكسل

4- المعامل الرابع : 150 وهو الأرتفاع ايضا بالبكسل

5- المعامل الخامس (أختياري ) : هل تريد عمل حركة Animate للنافذة أم لا ؟

6- المعامل السادس : المدة المطلوبة عرض النافذة بها قبل أختفائها ..اي مدة ظهور النافذة بالثانية

- وهذا الإطار البسيط متوافق مع : Firefox 2/3, IE 6/7/8, Opera, Safari and Chrome

- وهو اطار مجاني متوافق مع نسخة creative commons license سواء للإستخدام الشخصي أو التجاري ;-)

مجموعة صور للإطار :

شكل يوضح عرض محتوي من فورم بشكل أجاكس (محتوي نصي )

شكل يوضح عرض صورة كـمحتوي ( نافذة ايضا )

شكل يوضح : ظهور نافذة ستظهر وتختفي بناء علي وقت معين

يمكنك التحميل من هنا :

تحميل tinybox

لرؤية ديمو أكثر للتوضيح والتجربة من هنــا

* الدرس مترجم ومنقول للفائدة من موقع : Dream Css