شرح استخدام تقنية AJAX لبناء تطبيقات الويب التفاعلية

[3bdullah]

روح هنا ولا تتردد اذا انت من عشاق اللعبة

الآن العب سوبر ماريو على الشبكة :funny:

برمجت على اساس Ajax

http://www.janis.or.jp/users/segabit...riptMaryo.html

[bahlink]

السلام عليكم

أخواني عندي طلب من الخبراء في هذي التقنية.

أنا عندي shoutbox
أقدر أستفيد من هذه التقنية في عملية أضافة التعليقات؟؟

و هل هناك كود رفرش يستخدم هذه التقنية, بحيث أنه يسوي رفرش لمنطقة التعليقات فقط بدون الحاجة لأعادة تحميل الصفحة كلها؟؟

[3bdullah]

اش هو shoutbox؟

عشان نحاول مشاعدتك

[محمود المسعودي]

الله يوفقك يا شيــــــــــــــــــــخنا ...
حقيقة لم اكن اعرف عن هذه التقنية اي شىء ...
جزاك الله خيرا عني و عن كل من قرأ الموضوع ...

[fasal]

أخوي beshoo لقد قرأت الموضوع عندما وضعت حل للغة العربية في المثال الذي في الصفحه الأولى ولم أشكك في قدرات أحد ولو أنني لم أقرأ الموضوع لما وضعت مثال موافق لفكرة الموضوع
ولاكن ما اهدف له مثال يدعم الموضوع ويحل مشكلة اللغة العربية لا أكثر يا beshoo

وللأخ code4arab شكرا جزلا على موضوعك الرائع


ردي متأخر لأنني لم أرى الردود إلا الآن

[Dr-Design]

مشكووووووووووور على هذا الدرس الرائع

[bahlink]

اش هو shoutbox؟

عشان نحاول مشاعدتك

السلام عليكم

مثل الچات يعني , لكن بشكل بسيط, كل من يدخل الموقع, يقدر يضيف تعليق

[3bdullah]

http://www.ajaxify.com/run/wiki/status/

مثل هذا

[3bdullah]

أو هذا

http://www.plasticshore.com/projects/chat/

[bahlink]

أو هذا

http://www.plasticshore.com/projects/chat/

نعم أخي الكريم جزاك الله خيراً مثل هذا

ممكن السورس كود

[bahlink]

شكراً حصلت عليه

http://www.plasticshore.com/logfile/entry/legacy_483/

[3bdullah]

حياك الله

[MAX FORCE]

بداية أحب أن اشكر الاخ code4arab علي هذه المعلومات القيمة التي سوف تفيد الجميع ان شاء الله لان هذه الطريقة أو التقنية ممتازة في جلب البيانات بطريقة سهلة بالنسبة للزائر , وقد قمت بتطبيق بسيط في احد البرامج التي اعمل علي تطويرها Powerupload

حيث جعلت البرنامج يقوم بالبحث عن اسم المستخدم اثناء التسجيل لمعرفة اذا كان موجود في قاعدة البيانات أم لا فبمجرد كتابة الاسم في مربع النص والانتقال الي العنصر التالي في النموذج يتم كتابة الاسم متاح او غير متاح الله يبارك في onChange
واجهت بعض المشاكل مع اللغة العربية في ملف ال php الذي يقوم بعملية الاختبار وللان لم اتوصل الي حل فعال .

يمكن مشاهدة المثال هنا
http://www.powerupload.com/join.php


واخيرا اكرر شكري للاخ code4arab جعل الله ذلك في ميزان حسناتك

[العملاق]

أخي MAX FORCE واجهتني نفس المشكلة, وهي في حالة تمرير نص عربي ضمن عنوان URL
والحل هو في تشفير النص العربي وتمريره في عنوان URL ثم فك تشفيره وإرجاعه للعربية مرة أخرى في ملف البي اتش بي

مثلاً: إذا أردت تمرير نص عربي بطريقة GET

 AJAX.open('get', 'test.php?name=' + document.getElementById('name').value); 

ما عليك سوى إضافة هذه الدالة لتشفير النص

 AJAX.open('get', 'test.php?name=' + escape(document.getElementById('name').value)); 

وفي ملف البي اتش بي اللي تبغى تحقق فيه من النص العربي, استخدم هذه الدالة لفك تشفير النص المرسل, كالتالي

 $name = decodingStringToArabic($_GET[name]); 

حيث أن الدالة decodingStringToArabic() تقوم بفك تشفير النص المرسل إلى نص عربي

 function decodingStringToArabic($ar_str)
{
    //لا أعرف من قام بكتابة هذا الكود لكني وجدته ضمن التعليقات في مانيوال البي اتش بي
    /*
        urldecode() function is not supporting UNICODE characters coding,
        like %u0627 for the Arabic letter ALEF (ا in HTML).
        So when you are passing the Unicode chars through GET/POST,
        you will get only encoded string:
        http://server.com/test.php?test=%u062D%u0645%u0627%u062F%u0629
    */
    $ar_str = ereg_replace('%u0([[:alnum:]]{3})', '&#x\1;', $ar_str);
    

    //هذا الكود كتبه الأستاذ بدر (code4arab) للتحويل من اليونيكود إلى العربية والعكس
    $cp1256 = array ("\x81", "\x8A", "\x8D", "\x8E", "\x8F", "\x90", "\x9A", "\x9F", "\xA1",
                 "\xBF", "\xC0", "\xC1", "\xC2", "\xC3", "\xC4", "\xC5", "\xC6", "\xC7",
                 "\xC8", "\xC9", "\xCA", "\xCB", "\xCC", "\xCD", "\xCE", "\xCF", "\xD0",
                 "\xD1", "\xD2", "\xD3", "\xD4", "\xD5", "\xD6", "\xD7", "\xD8", "\xD9",
                 "\xDA", "\xDB", "\xDC", "\xDD", "\xDE", "\xDF", "\xE1", "\xE3", "\xE4",
                 "\xE5", "\xE6", "\xEC", "\xED", "\xF0", "\xF1", "\xF2", "\xF3", "\xF5",
                 "\xF6", "\xF8", "\xFA", "\xFF");

    $utf8   = array ("پ","ٹ","چ","ژ","ڈ","گ","ڑ",
                 "ں","،","؟","ہ","ء","آ","أ",
                 "ؤ","إ","ئ","ا","ب","ة","ت",
                 "ث","ج","ح","خ","د","ذ","ر",
                 "ز","س","ش","ص","ض","×","ط",
                 "ظ","ع","غ","ـ","ف","ق","ك",
                 "ل","م","ن","ه","و","ى","ي",
                 "ً","ٌ","ٍ","َ","ُ","ِ","ّ",
                 "ْ", "ے");


    return str_replace($utf8, $cp1256, $ar_str);
} 

جرب أخي MAX FORCE, وردلي ..

[3bdullah]

http://ajaxpatterns.org/Ajax_Examples#Chat

فيه عده انواع شات أجاكس للي يهمه الموضوع

--------------------------------------------------------------------

يا شباب وش Ajax.NET

هل هي محرك أجاكس

أو شي خاص بلغات .NET?

-------------------------------------------------------------------

JamesDam.com - "AJAX" Login System Demo

http://www.jamesdam.com/ajax_login/login.html

طريقة جميلة في تسجيل الدخول