درس: استخدام الAJAX مع الPHP (بطلب Pal-Heart) - الصفحة 2

xremas · 17-02-2006, 11:54 AM

مشكووور جدا

وفقك الله

أحمد أبو النصر · 17-02-2006, 11:54 AM

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

كيف توصل القيم المتغيرة ؟!!

لدينا هذا الكود :

كود PHP:

  Answer.send('topic=AJAX&Post=22')

لنفترض أن لديك مربع نص InputBox وكان الـID الخاص به هو UserName

نقوم بعمل التالي:

كود PHP:

  Answer.send('topic=AJAX&Post=' + document.getElementById('UserName').value)

أرجو انه يكون هذا مرادك .. وإن أخطأت في فهمك أرجو أن تعذرني

وشكراً للأخ hilaby على الموضوع الرائع جداً والشيق وأتمنى له الاستمرار في مثل هذه الدروس القوية

Snake PHP · 17-02-2006, 01:28 PM

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

بارك الله فيك ماقصرت

hilaby · 17-02-2006, 04:41 PM

"جريح"
معليش تاخرت عليك شوي ... المهم .. الملف المرفق مع هذا الرد .. يحوي على تغيرات الجديدة ..
التغيرات هي:
1- يوجد حقلين ... وهما username و password
2- الرد من ملف الAjax.php هو ملف XML .. لاحظ وجود التعريف <?xml version='1.0' standalone='yes'?>
لان الJavaScipt في بعض الاحيان لا يحب ملفات XML غير معرفة ..
3- ملف JavsScipt معدل لكي يستطيع التعامل مع اكثر من حقل ..

الشرح:
الملفات Ajax.php و index.html ليست معدلة بذالك التعديلات الهامة .. فابدء فوراً بشرح الJavaScript.js

اولاً لنرى الناتج من ارسال بيانات للملف Ajax.php .. على الاقل هذا سيعطينا نظرة شاملة على الشيطان XML

كود بلغة HTML:

 <?xml version='1.0' standalone='yes'?> <answer> <username>admin</username> <password>tiger</password> </answer>

والان ... السطر 12: ;document.getElementById('username').value
هذا السطر يعمل بشيء واحد .. وهو جلب المعلومة الموجودة في الحاوي "حقل" username و السطر 13 يفعل نفس الشيء للpassword

والاهم هو كيفية القرائة من الناتج .. اي كيف ناخذ المتغيرات من ملف الXML
والحل تجدة في السطر 25: وهي

كود بلغة HTML:

document.getElementById('usernameFromPHP').innerHTML = Answer.responseXML.getElementsByTagName("answer")[0].childNodes[0].childNodes[0].data;

دليل عز · 17-02-2006, 05:50 PM

hilaby تم تسميتك استاذ اجاكس

لردودك المميزة على التساؤلات

وبخصوص اني كذاب اتمنى ذلك في هذي النقطة ولكن للأسف لا افهم شيئ بالبرمجة

ولكن كان السؤال ليستفيد غيري من هذا السؤال والحمدالله انت جاوبت وجزاك الله خير

وبارك الله فيك وبعملك
وبالتوفيق ..

hilaby · 17-02-2006, 07:33 PM

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

و حبذ ان الاسئلة تكون معقدة اكثر .. لان ذالك سيرغمني على التعلم "اذا لم اكن اعرفها" و يسعدني ان يعمّ الاستفادة للغير ... والسلام!

Mr.php-ar · 17-02-2006, 11:04 PM

بارك الله فيك اخوي hilaby ماقصرت الله يجزاك الجنه

ان شاء الله بجرب الرد واذا لم افهم شيء عدت لك ..

وبالتوفيق

تحياتي

اسامة الهادى · 18-02-2006, 12:42 AM

عزيزى hilaby
اردت ان أسألك عن كيفيه عرض أكثر من نتيجه بالضغط على الروابط
بمعنى إنى مثلا عندى 5 صور مختلفه
عاوز اعمل صفحه يكون فيها
( صورة للبدايه ) ودى هتكون اى صورة ولتكن صورة للترحيب
وتحت الصورة الأعداد من 1 - 5
إذا ضغط على 1 ( يظهر لاير مكتوب فيه جارى التحميل او صورة تعبر عن التحميل )
بعد كدا تظهر صورة مكان صورة البدايه
وإذا ضغط على 2 ( يظهر لاير مكتوب فيه جارى التحميل او صورة تعبر عن التحميل )
وتظهر صورة أخرى مكان الصورة السابقه
وهكذا فى كل الأرقام
ارجو انك تكون فهمت كلامى وآسف انى اثقلت عليك لإنى فعلا حابب اتعلم اللغه

hilaby · 18-02-2006, 03:01 AM

يا الاخ اسامة:
في ردي للاخ "جريح" كانت هناك شرح لعمل ما تريدة .. وايضاً الحل كانت بالXML اي كافي لكي تستعملة كاساس لعمل استعلامات لاكثر من متغير واحد ... والملف قابل للتحميل ..

اما في فكرة صورة الLOADING مثل ما تجدة في برامج الGoogle مثل الGmail او الGoogle-Reader .. ليست بالمعقدة .. الفكرة ليست تماما في الAJAX بل هي في الCSS ... لان الصورة اصلاً موجودة ولاكن مخفية ... وذالك باستخدام الCSS

طريقة الحل ...
تخيل ان لديك صورة للLOADING في الصفحة .. و اعطيتة الID مثلاُ LoadingImage ... ولذالك ستستخدم التعريف
{LoadingImage {display:none#

وعندما تضغط على الزر ... تظهر الصورة باستعمال الJavaScript باستخدام الامر
document.getElementByID('LoadingImage').style.display = block

... حاول اولاً و قول لي اين وصلت .. واذا استصعب عليك الحل .. ضع كودك هنا و انا ساشرح لك ماهي الخطوات التي تسلكها لكي تصل الى الحل النهائي .. انا هذة المرة لن ارسل الكود الكامل لك .. خصوصاً بعد ما وضعت توقيعك
"On my Way To Learn Ajax" .. فمثل ما تعرف، لكي تتعلم البرمجة يجب ان تطبق وتحاول .. ولا تخف .. انا معاك
وشكراًً

اسامة الهادى · 18-02-2006, 11:16 PM

مشكووووور جدا جدا
على ردك
وانا فعلا سأحاول بكل ما أملك من تفكير وعقل :d ( شكلى مش هوصل لحاجه )

وتاكد ان توقيعى دا انا مكتبتوش من فراغ , انا كتبته لإنى لقيت معلم أتعلم منه , ومعلم كفء

أرق التحيه

اسامة الهادى · 18-02-2006, 11:41 PM

عزيزى الغالى
مرفق ملفين
Test.zip
Er0.jpg
الملف الاول فيه الـ 3 ملفات
الأول HTML والثانى ملف ستايل شيت والثالث هى صورة اللودنج
بعد ما تشغل الملف هيظهر لك إيروور والصورة ما تظهر ( بتاعت اللودنج
ومرفق صورة للإيرور
ومشكور على مساعدتك مقدما

مُجَاهِد · 19-02-2006, 01:57 AM

راااااااائع جداً ...
والى الامام ..

اسامة الهادى · 20-02-2006, 02:57 PM

الموضوع انتهى هنا ولا ايه!!!

egyhack · 10-03-2006, 05:04 PM

السلام عليكم حبيت اشكر الاخ الكريم hilaby
فشرح اكثر من رائع وجهد مشكور
وسؤالى هو وارجو ان يكون معقدا كما طلبت
هل تنفع هذه التقنية فى عمل speed tracker او بالعربى شريط اظهار حالة التحميل upload وكمية المرفوع من الملف

hilaby · 12-03-2006, 09:44 PM

السلام .. والله ياشباب .. معليش انشغلت مع الشركة شوي وكان المشروع الذي ارتبطت به في الشركة قد انجز .. وانا حاليا في بداية عمل الدرس الثاني الذي سيدور موضوعه عن كيفة استخدام الXML

ولا يهمك يا "اسامة الهادى" .. الدرس الثاني قادم

ويا egyhack الطريقة ليست بالسهلة .. ولكن فكرة الحل سهلة ..
كما تعرف ان الPHP له امكانية التعامل مع نظام التشغيل .. اي ممكن ان ينفذ اوامر في الدوس "DOS" مثل اوامر الDIR او الipconfig وغيرها .. والخطيرة طبعا الامر FORMAT ... و ايضا ممكن ان ينفذ الاوامر الخاصة للLINUX مثل الامر LS او MD وغيرها .. فلذالك .. ممكن وانت ترفع الملف .. تسئل نظام التشغيل عن حجم الملف الموجود في السرفر .. و معرفة حجم الملف اللذي هو الان على قيد التحميل .. اي .. تستطيع عن طريق عملية حسابية بسيطة معرفة الحجم المرفوع والمتبقي من الملف اللذي هو على قيد الرفع الى السرفر ... من امثلة ذالك .. نظام الEMAIL ياهو .. و هو الان لا يعمل ولكن قبل 6 او 7 شهور كان يتعامل مع رفع الملفات بتلك الطريقة .. وشكراً

download · 13-03-2006, 01:13 AM

اخوي hilaby

السلام عليك ورحمة الله

كل يوم ندخل الموضوع نتظر الدرس الثاني طال عمرك

ياليت المثال يكون عن قاعدة بينات بحيث يتم درس: استخدام الAJAX مع الPHP (بطلب Pal-Heart) باخذ القيم من قاعدة البينات عندم تتغير القيم
ولو استخدمت نظام القوالب رايح يكون احسن مثال :

اسعار الاسهم : اخر سعر ، اعلى سعر ، اقل سعر
او
نتائج طلاب في مدرسة : اسم الطلاب ، درجة اعمل السنة ، درجة الاختبار
او
درجات الحرارة : المدينة ، درجة الحرارة الصغرى ، درجة الحرارة الكبرى
او
المخزون : اسم الصنف ، الكمية ، السعر

وتتغير البينات بتغيرها في قاعدة المعلومات

طبعا الامثلة السابقة فقط للتقريب والا فانت في الخيار لاستخدام اي مثال يعجبك

الحقيقه والواقع · 17-07-2006, 01:47 AM

الله المستعان ...

وين الدرس الثاني ...

2003 - 2006

null

اسامة الهادى · 30-07-2006, 12:12 PM

دعنا نصبر
أكيد هو مشغول

الإمبراطور وحيد · 30-07-2006, 01:42 PM

السلام عليكم

الدرس رائع جدا

وانا استخدمت أجاكس في بعض خدمات إمبراطورية وحيد

لكن الفكرة مختلفة نوعا ما عن طريقتك فما أدري

انظر هنا

http://wh-em.com/home.php

][ راسلنا - وقع بسجل الزوار - المترجم الفوري - معجم الأسماء ][

أتمنى منك الإطلاع على الطريقة وهل هي صحيحة وأمنة؟؟

لأني ببدأ اعمل استخدامها على الكثير من الصفحات والمواقع

والحمد لله بأدت استخدمها في الـ 4images

http://wh-em.com/g/index.php

وعند الضغط على - أفضل 10 لوحات

أتمنى تطلع عليها

وبانتظار المزيد من دروسك يامبدع الأجاكس

ولك خالص الشكر والتقدير

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