في الكاتب: و مدرجة تحت التنصيف تلميحات سريعة.

بسم الله والحمدلله والصلاة والسلام على سيدنا رسول الله و على آله و صحبه ومن والاه بإحسان إلى يوم الدين.

jQuery Live Tweet  هي إضافة رائعة للجيكويري jQuery تقوم بعرض عدد من التغريدات من حساب أي مستخدم في تويتر.

وتوفر توفر عدة خيارات منها :

  •  اسم المستخدم .
  • عدد التغريدات .
  • قالب العنصر ( كيفية عرض التغريدة المفردة ) .
  • لغة العرض.
  • وأخرى..!

استخدامها بسيط حيث تقوم بتضمين مكتبة الجيكويري و تضمين مكتبة إضافة الـ jQuery Live Tweet حيث #tweets_container هو العنصر من الصفحة الذي يحوي قائمة التغريدات للمستخدم المطلوب ( jabanalab على سبيل المثال ) :

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="jquery.livetweet.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
   $('#tweets_container').livetweet(
{     
'username' : 'jabanalab'   
}); 

});
// ]]>
</script>

وكود الـ HTML

<body>
  <div id="tweets_container"></div>
</body>

الصورة التالية توضح نتيجة الإضافة مع قليل من التعديل في css :
نموذج لاستخدام الإضافة

ولكن ما هي المشكلة!
المشكلة هي أنه باستخدام الإضافة بحالتها الراهنة فإنها سوف ترجع بالخطأ “404 المحتوى غير موجود” !
السبب هو أن المطورين في تويتر قامو بتغيير API (وترمز إلى : واجهة برمجة التطبيقات Application programming interface ) والتي تمكّننا من الوصول لتغريدات المستخدم.

حل المشكلة :
سنقوم بتغيير السطر 72 في ملف jquery.livetweet.js ليوافق الـ API الجديدة من :

  url : 'http://api.twitter.com/status/user_timeline/'+settings.username+'.json?count='+settings.limit+'&include_rts=1&callback=?',

إلى

  url : 'http://api.twitter.com/1/statuses/user_timeline/'+settings.username+'.json?count='+settings.limit+'&include_rts=1&callback=?',


تنزيل المثال

#
وصلى اللهم و سلم وبارك على سيدنا محمد والحمدلله رب العالمين

wdalhaj

مصمم و مطور ويب حر..يعشق شرب القهوة السوداء.. يمكنكم متابعته على التويتر wdalhaj@

More Posts

2 Responses to “مشكلة إضافة jQuery Live Tweet”

    • wdalhaj

      تسلم يا ودعباس..اللهم آمين جمعاً و يوفقنا جميعا إن شاء الله :)
      مدونتك جميله أتمنى أن أرى تحديثاً أسبوعيا لها 😉

أضف تعليقاً

  • (لن يتم نشره)