هذا الاسكربت يستخدم الـ XMLHTTPRequest للحصول على نتائج من صفحة واضافتها الى صفحة وتحديثها اليا.

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

سوف يتم التحديث باستخدام دالة الـ setTimeout

لندباء في الخطوات:

اولا نحتاج الى صفحة جلب المعلومات المراد المتغيرة
مثلا سوف نقوم بجلب الوقت والتاريخ من صفحة PHP:

date('l jS of F Y h:i:s A');

بعد ذالك نقوم باضافة الكود التالي في الرأس head الخاص بالصفة التي صوف تعرض الموقت والتاريخ

<script type="text/javascript">
var page = "time.php"; // The page that has the information
 
function ajax(url,target) {
document.getElementById(target).innerHTML = 'sending...';
 
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send(null);
}
else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send();
}
}
setTimeout("ajax(page,'scriptoutput')", 10000);
}
 
function ajaxDone(target)
{
if (req.readyState == 4) {
 
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ajax error:n" +
req.statusText;
}
}
}
</script>

يجب تغير عنوان رابط المصدر من time.php الى رابط مصدر المعلومات الخاص بك
قم بتعديل المدة بين كل تحديث (اولضع الحالي, كل 10 ثواني)

setTimeout("ajax(page,'scriptoutput')", 10000);

قم باضافة onload لاستدعاء الكود

<body onload="ajax(page,'scriptoutput')">

اخير اضع الكود التالي على المكان المراد اظهار المعلومة المحدثة اليا (كل عشرة ثواني)

<span id="scriptoutput">المحتوى الاصلي</span>

واتمنى ان ينال هذا الدرس على اعجابكم

اذا كنت تبحث عن ايميلات تحتوي على افلام او اغاني او نوع معيا من الملفات, استخدم الامر التالي في خانة البحث:
filename:mp3
filename:mpg
.....

اذا كنت تبحث عن ايميلات تحتوي على مرفقات:
has:attachment

تحياتي وتقديري

سعدت بمقالة أ/ محمد زاهر غيبة (موقع جديد بمحتوى مسروق)
أ/محمد انا اقدر واحترم النقاش والانتقاد البناء..

تم اضافة المصدر...

تحياتي وتقديري

11 مارس, 2008Gaia اجاكس ويدجت

gaia_widgets.gifاسم الشركة المكتشفة لـ Gaia Ajax هي Gaiware
قامو مؤخرا باصدار مكتبة اجاكس بعد اصلاح 100 مشكلة فمكتبتهم السابقة.

بعض الامثلة:

والكثير...

افضل طريقة لبدأ استخدام Gaia بالمشاركة في Gaia Programming Contest.

اقراء المزيد عن المكتبة وتحميلها من موقعهم الرئيسي Gaia Ajax Widgets website

كثيرة هي تقنيات الويب 2 الحديثة , و هناك الكثير من الحركات المميزة فيها و خاصة في جانب التصميم, و اليوم سنستعرض تطبيق جافا سكربت بسيط يدعى (Accordion) , فإذا أحببت طريقة تصميم القوائم و التبويبات المنزلقة التي تشاهدها في بعض المواقع, فيمكنك عمل مثلها و ببساطة عن طريق هذين التطبيقين:

1) Simple Javascript Accordions : بسيط و رائع بطرق العرض المختلفة التي يوفرها للمحتوى, تستطيع مشاهدته و تجربته, و إذا أعجبك قم بتحميله و استخدامه في موقعك.

2) Accordion v2.0: تطبيق آخر يدور حول نفس التقنية و لكن بتصميم و طرق عرض أخرى.

ستجدون طريقة التركيب و الاستخدام موجودة بالصفحات المشار لها في كلا التطبيقين.

9 مارس, 2008آجاكس

تعتبر هذه الكلمة من الكلمات التي لابد و أن سمعت بها خلال الفترة الزمنية القليلة الماضية أو الماضية بشكل عام ..
و خلال السنتين الماضيتين ظهر على سطح كوكب الانترنيت العديد من التطبيقات التي تعتمد عليها ، مثل Gmail , Windows Live Mail و Yahoo! Mail و العديد العديد من التطبيقات التي بنيت بأساسات تعتمد على الآجاكس ..
و خلال هذه الفترة أصبح المبرميجن أمام محنة الانتقال إلى ما أطلق عليه مصطلح web 2.0 ، و طبعاً الانتقال له ليس بهذه السهولة …
و ما سأكتبه هنا هو عبارة عن كيفية الاستفادة من المكتبات الموجودة ، و ليس اعادة اختراع الدولاب و سأذكر بعض ما شاهدت من مكتبات :

1- Google Web Toolkit :
http://code.google.com/webtoolkit/
images.jpg و تستخدم فيها لغة الجافا ( و هي من شركة SUN و ليس جافاسكريبت والتي هي من شركة Mozilla ) من أجل كتابة التطبيقات و تخريجها لتصبح تطبيقات آجاكس كما هو الحال في gmail , Google Maps .
و الهدف من ذلك مساعدة المبرمجين الذين لا يتعاملون مع الويب من انشاء تطبيقات ويب جيدة .

2- Yahoo! UI :
http://developer.yahoo.com/yui/
ma_devnet_1.gif و هذه المكتبة المقدمة من ياهو تعتبر مكتبة غنية و مثيرة للاعجاب ، ففيها العديد من الامكانيات التي لن أقول أنها لا تتوفر في غيرها و لكن طريقة التعامل معها تكون بسيطة ، دون ادخال لغة برمجية أخرى كما هو الحال مع GWT .

3- Yahoo! UI Ext:
http://www.yui-ext.com/docs/
و هذه المكتبة تعتمد على مكتبة ياهوو لكن مع تقديم العديد من التحسينات ، و هي ليست تابعة لياهو حتى لا يتم الخلط بالأمر ، لكن ما تقدمه هذه المكتبة يثير الاعجاب .

4- scriptaculous :
http://script.aculo.us/
scriptaculous_logo.png مكتبة صغيرة و بسيطة ، تقدم مجموعة بسيطة من التأثيرات الجيدة و الجميلة ، بالاضافة إلى اعتمادها على Prototype خاص بالجافا سكريبت ، و امكانية التعامل مع الأجاكس من خلال العديد من التوابع البسيطة .
كانت لي تجربة مع هذه المكتبة من خلال التأثيرات و ما يدعى بالتحرير في المكان أو inplace Edit .

5- DOJO :
http://www.dojotoolkit.org
images1.jpg مكتبة ضخة ، و عندما أقول ضخمة فأنا أعني ما أقول ، فهي تحوي العديد العديد من آليات التحكم الجملية التي تساعد ، و بصراحة ما شاهدته و تعاملت به عندها لم أجده عند غيرها ، لكن مشكلتها و هذا ما عانيت منه هو معاناة المستعرض من عملية جمود لفترة معينة ريثما يتم تحميل كامل المكتبة ، و ليس الأمر بكثافة العناصر المستخدمة ، حتى و لو كنت أستخدم عنصر واحد فقط ..
و هذه المكتبة بنيت بالجافا لتقوم بتخريج جميع العناصر كعناصر ويب يمكن استخدامها ، و بصراحة أنصح بها من يريد أن يقوم بانشاء مشروع كبير ، لكن عليه ان ينتبه فهذه المكتبة ليس لمن يستخدمون الاتصالات البطيئة …

6- AJAX.net :
http://www.ajax.net
aspajaxlogo.gif طبعا من الاسم تعلمون عمن أتكلم ، طبعا أتكلم عن المكتبة الخاصة بمايكروسوفت ، و من الممكن استخدام هذه المكتبة مع الـ ASP.net 2.0.

المصدر: http://www.mhdzaherghaibeh.name

طبعاً الفكرة انو هو موقع بيعطيك امكانية تحويل بين الأنساق المختلفة ، لكن آخر خدمة عم يقدمها هي عملية تحويل الملفات من يوتيوب و بعتها على ايميلك لكي تقوم بتحميلها فيما بعد …

الرابط : http://www.zamzar.com/url/

المصدر: http://www.mhdzaherghaibeh.name

facebook-developers_mainthumbnail.pngطبعاً اليوم سأتكلم بشكل بسيط جداً عن ماذا تحتاج قبل البدء في كتابة تطبيقك الخاص بفيس بوك ..
و على الله توكلنا ..
بداية عليك التعرف على الأماكن التي يمكنك اخذ المعلومات منها و هي :
* الموقع الرئيسي : http://developer.facebook.com
* المستندات المساعدة : http://developer.facebook.com/documentation.php
* الموارد الأخرى : http://developer.facebook.com/resources.php
* الأدوات : http://developer.facebook.com/tools.php
و الآن سأشرح كل واحدة منهم على حدة و بشكل مبسط :

من الممكن التفكير بالموقع الرئيسي على انه المدخل لجميع المواقع الداخلية ، فتلك التي وضعت روابط لها ما هي إلا صفحات بسيطة لموارد كبيرة ، لذلك سأتغاضى عن كل من المستندات المساعدة و الموارد الأخرى لأتكلم عن الأدوات …
الأدوات هي عبارة عن آلية مبسطة و مفرعة بحيث تمكنك من تجربة التوابع و الطريقة البرمجية الخاصة بك ضمن فيس بوك ، و بذلك تتعرف على الخرج و كيفية التعامل معه ، و هي توفر بيئة لكل من التوابع البرمجية API و FMBL و Feed Preview …

facebook-developers-_-toolsthumbnail.pngبداية يجب عليك الاطلاع على الويكي حتى تكون متآلف مع المكان الأكثر شعبية و الأكثر معلوماتية على الاطلاق …
و هنالك أمور أخرى مثل قراءة الشروط الخاصة بفيس بوك ، حتى لا يتم رفض برنامجك …
و الآن و بعد ان اصبحت مستعداً إلى الخطوة التالية و هي اضافة البرمجيات و طلب كود سري خاص بك و ببرنامجك …
و الآن فلنبدأ على بركة الله :
أولاً قم باضافة البرنامج التالي : برنامج مطوري فيس بوك .
ثانياً : إقرأ هذه الصفحة Anatomy of a Facebook Application حتى تستطيع أخذ فكرة عن الأمور العامة التي ستتعامل معها ..
facebook-_-developersthumbnail.pngعند الدخول للبرنامج الخاص بالمطورين ستجد رابط هو ” Create A New Application ” و الذي سيأخذك إلى صفحة تقوم من خلالها بتعبئة الاختيارات الخاصة بطبيعة البرنامج الخاص بك .
و هذه المعلومات هي :

facebook-_-developers_newapplicationthumbnail.png* Support Email : البريد الذي سيستخدم للاتصال بصاحب البرنامج من أجل الدعم لمستخدمي البرنامج
* Callback URL : و هو الرابط الخاص بالبرنامج ، و يجب ان يكون رابط كامل بمعنى : http://www.server.com/application/ و انتبه إلى أنه يشير إلى مجلد و ليس إلى ملف .
* Canvas Page URL : و هو المقصود به اسم البرنامج الخاص بك ، و من الافضل دائماً أن يكون هو نفس اسم البرنامج الخاص بك لأنه سيكون مثل :
http://apps.facebook.com/yourApplicationName/
و هنا يوجد اختيارين ايضاً : الأول هو FMBL حيث يتم معالجة الخرج على مخدمات فيس بوك أولاً و من ثمّ تحريجها للمستخدم ، أو الاستخدام الثاني و هو Iframe و لا أظن ان هنالك فائدة من شرح الـ iframe .
Application Type : اي نوع التطبيق هل هو موقع ام هو برنامج ويندوز أو … الخ
* Mobile Integration : هل من الممكن ان يعمل برنامجك عند تصفح الموقع من على الموبايل ؟
* IP Addresses of Servers Making Requests : يمكنك حصر الـ IP’s التي سيأتي منها الطلبات على المخدم أي انك هنا تحدد الـ IP الخاص بمخدم برنامجك ، و بهذا يتم رفض اي IP مختلف عنها .
* Can your application be added on Facebook? : أي هل من الممكن ان يتم وضع البرنامج الخاص بك في فيس بوك ؟ طبعاً في حال التأكيد ستظهر خيارات أخرى سنتكلم عنها فيما بعد .
* TOS URL : هو الرابط الخاص بشروط استخدام برنامجك .
* Post-Add URL : و هو الرابط الخاص الذي سيتم تحويل المستخدم إليه بعد تنصيب البرنامج ، الغالبية العظمى تذهب به إلى صفحة الدعوات ليقوم بدعوة اصدقائه لاستخدام البرنامج .
* Application Description : وصف البرنامج .
* Post-Remove URL : الرابط الذي سيتم تحويل المستخدم إليه عند إزالة البرنامج .
* Default Profile Box Column : ماهو الشيء الافتراضي الذي سيظهر في صفحة البروفايل الخاصة بالمستخدم .
* Developer Mode : و في حال تفعيل هذا الاختيار ، فحصراً المبرمجين هم من يستطيعون تنصيب البرنامج ، أما في حال الغائه فيصبح مفتوح للجميع .

ببساطة هذه هي الأمور و سنراكم فيما بعد إن شاء الله …

المصدر: http://www.mhdzaherghaibeh.name/2007/12/01/facebook-programming

7 مارس, 2008خادم الجمل

camel.gifتم اليوم اصدار النسخة 1.6 وهي تحتوي على تغييرات جميلة .
ماهي محتويات حزمة خادم الجمل ؟
- أباتشي 2.0.53
- بي إتش بي 5.2.5
- ماي إس كيو إل 5.0.51a
- اس كيو لايت 2.8.17
- محسن زيند 3.3.0

ماهي البرامج الملحقة ؟

- مدير ماي إس كيو إل 2.11.5phpmyadmin
- مدير إس كيو إل لايت 1.2.0 sqlitemanager

الموقع : http://daif.net/camel/

لقد تم اصلاح ترتيب الاعضاء بقسم المسيار حسب اخر تسجل دخول.
http://www.zwjate.com


© مدونة عالم نيوستار | تصميم TextNData | تعريب قياسي | يستخدم وورد بريس