Tinybox لعمل نوافذ أجاكس للويب

السـلام عليكم

اليوم أقدم لكم 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 text
شكل يوضح عرض صورة كـمحتوي ( نافذة ايضا )

tinybox صنع نوافذ أجاكس للويب

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

tinybox صنع نوافذ أجاكس للويب

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

تحميل tinybox

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

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

7 thoughts on “Tinybox لعمل نوافذ أجاكس للويب”

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.