فواصل » أجاكس http://portal.fwasl.com Wed, 16 Oct 2019 18:49:35 +0000 ar hourly 1 https://wordpress.org/?v=3.9.40 طريقة عمل نوافذ أجاكس للويب http://portal.fwasl.com/%d8%b9%d9%85%d9%84-%d9%86%d9%88%d8%a7%d9%81%d8%b0-%d8%a3%d8%ac%d8%a7%d9%83%d8%b3-%d9%84%d9%84%d9%88%d9%8a%d8%a8/ http://portal.fwasl.com/%d8%b9%d9%85%d9%84-%d9%86%d9%88%d8%a7%d9%81%d8%b0-%d8%a3%d8%ac%d8%a7%d9%83%d8%b3-%d9%84%d9%84%d9%88%d9%8a%d8%a8/#comments Sat, 04 Feb 2012 21:05:37 +0000 http://www.portal.fwasl.com/?p=12910

اليوم أقدم لكم 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

]]> http://portal.fwasl.com/%d8%b9%d9%85%d9%84-%d9%86%d9%88%d8%a7%d9%81%d8%b0-%d8%a3%d8%ac%d8%a7%d9%83%d8%b3-%d9%84%d9%84%d9%88%d9%8a%d8%a8/feed/ 0