لخبراء الجافاسكريبت : كيف يمكنني دمج graph facebook و ال ajax لاستدعاء عدد مشاركات المنشور في الكود التالي

محمد اصفار

تطوير الويب
2016-07-05T19:05:58+00:00
2017-11-07T19:31:45+00:00
المزيد
- رابط مختصر

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

رمضان مبارك وعيد مبارك سعيد

لدي طلب مساعدة في حل هذا الإشكال :

لدي هذا الكود وهو خاص باستدعاء اخر المقالات في بلوجر ،

شاهد العمل من هنا

http://jsfiddle.net/asfarmo...

وأريد أن أدمج معه graph facebook للتمكن من عرض عدد المشاركات

var url = "

http://graph.facebook.com/?...

$.getJSON(url, function(data) {

if (data.shares) {

var commentcount = data.shares;

} else {

var commentcount = "No Shares";

}

$('hp').append(commentcount + " shares");

})

ثم تحويل الألاف إلى K

ملاحظة :

في العمل تم استدعاء عدد المشاركات من رابط

https://www.facebook.com

للتجربة وهو معلم باللون الأحمر في المعاينة

أرجو أن يكون الطلب واضحا

شكرا

http://graph.facebook.com/?... "; $.getJSON(url, function(data) { // التأكد من البيانات وهل كل شيء صحيح؟ // ثم إن كانت صحيح تحول إلى ألف var commentcount = (function commentcount(cm) { return typeof cm == "number" && cm >= 1000 ? cm/1000 + "k" // ES6 ${cm/1000}k : cm || 0; })(typeof data == "object" && typeof data.error == "undefined" && data.shares != void 0 ? parseInt(data.shares): 0);

  $('hp').append(commentcount + " shares");
})

على الجانب كنت تركت حسوب IO، قرارٌ شبه نهائي، وهأنا أنشر ذا التعليق بعد إشارة @walid123

محمد اصفار

2016-07-06T12:46:43+00:00
2016-07-06T12:54:23+00:00
المزيد
- رابط مختصر

أخي @يوسف سيد شكرا على الجواب ،

طلب الأصلي هو كيف يمكنني دمج

href="' + postUrl + '"

مكان رابط

http://www.facebook.com

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

علما أن ' + postUrl + ' يحيل إلى رابط التدوينة (الموضوع) بالخلاصات راجع الرابط أعلاه

يعني أريد أن يتم استدعاء عدد المشاركات لكل منشور على حدى

أتمنى أن تفهمني وشكرا جزيلا على حسن الجواب ، وأتمنى أن تبقى معنا في هذا المجتمع

ملاحظة إضافية :

الكود الذي زودني به لا يختصر بشكل جيد

رجاءا شاهد

http://jsfiddle.net/asfarmo...

يوسف سيّد

2016-07-06T13:10:28+00:00
2016-07-06T13:11:11+00:00
المزيد
- رابط مختصر

صديقي فكر ببساطة، أولًا سننشئ دالة لـJQuery سنستدعيها لكل مقال هذه شيفرة بـES3 وبعض ES5:

$.fn.getPostShares = function getPostShares(url) {
  var url       = "

http://graph.facebook.com/?id= " + url, _this_ = this; $.getJSON(url, function(data) { // التأكد من البيانات وهل كل شيء صحيح؟ // ثم إن كانت صحيح تحول إلى ألف var commentcount = (function commentcount(cm) { return typeof cm == "number" && cm >= 1000 ? cm/1000 + "k" // ES6 ${cm/1000}k : cm || 0; })(typeof data == "object" && typeof data.error == "undefined" && data.shares != void 0 ? parseInt(data.shares): 0);

    $(_this_).find('hp').append(commentcount + " shares");
  })

  return this
}

هذه الدالة يجب أن تستدعى في الـRoot للمقال، مثلًا كتعديل بسيط على شيفرتك:

      var item = $('<li><img src="' + imageurl + '"/><div class="item-content"><h3><a href="' + postUrl + '">' + postTitle + '</a></h3><p>' + postSum + '...</p><div class="recent-meta-data">' + pdate + authorname + '</div><div class="totalshare"><hp></hp></div></div></li>').getPostShares(postUrl);
      thisc.find('ul.recent-post-arlina').append(item)

استنسختُ المشروع هنا:

http://jsfiddle.net/4n1q95et

كنصيحة عامة صديقي يجب أن تهتم أكثر بجودة الشيفرة التي تكتبها، JSLint حل كبداية، بالتوفيق.

محمد اصفار

2016-07-06T13:25:14+00:00
المزيد
- رابط مختصر

ممتاز يا أخي @يوسف سيد لقد أتقنت العمل ،

أنا أعمل على شفرة مختلفة لم أوردها لأنها لا تعمل في

http://jsfiddle.net

أنا أعمل على إنشاء مجلة يمكنك معاينة العمل الذي أقوم به الأن

http://elbahethon.blogspot.com

وإبداء ملاحظات إن كان يستحق

على أي جزاك الله خيرا على المجهود الذي بدلته وأتمنى أن تبقى مفيدا دائما

عيد مبارك سعيد

يوسف سيّد

2016-07-06T13:34:17+00:00
المزيد
- رابط مختصر

العفو أخي،

أنا أعمل على شفرة مختلفة لم أوردها لأنها لا تعمل في

http://jsfiddle.net

بالتوفيق إذن حاول استخادم JSLint.

أنا أعمل على إنشاء مجلة يمكنك معاينة العمل الذي أقوم به الأن

http://elbahethon.blogspot.com

وإبداء ملاحظات إن كان يستحق

أعجبني الجزء الأول(أعلى الموقع) -غير خلفية الصفحة-، وعرض الصور في الدقة المرتفعة، الجزء أسفل الموقع لا يبدو متناسبًا رأيتُ مثله كثيرًا، أتمنى لك التوفيق، وعيد سعيد -أيضًا- :)

محمد اصفار

2016-07-06T13:36:41+00:00
المزيد
- رابط مختصر

بارك الله فيك ، سآخد بملاحظتك

العمل لم يتم بعد سأعلمك عند الإنتهاء ان شاء الله

محمد اصفار

2016-07-06T14:59:52+00:00
2016-07-06T15:00:39+00:00
المزيد
- رابط مختصر

لو تكرمت @يوسف سيد واعتذر بشدة على ازعاجك لأنني لا أتقن الجافاسكريبت مثلك :)

كيف يمكن ربط الكود الذي عدلتَه مع العمل الذي أعمل عليه ؟

شاهد الكود الجافاسكريبت لو سمحت

https://jsfiddle.net/jg1q0eLa

أقصد graph

شكرا @يوسف سيد

يوسف سيّد

2016-07-06T17:19:23+00:00
المزيد
- رابط مختصر

أخي هذه الشيفرة تحتاج إلى الكتابة من جديد بالكامل تستخدم document.write وهذا خطأ، هل قرأتَ عن الـDOM وكيفية هيكلة الصفحات والتعامل معها في JS أنصحك بذلك، بالنسبة للشيفرة ما هي الصفحة التي ستعمل عليها؟

محمد اصفار

2016-07-06T17:41:00+00:00
المزيد
- رابط مختصر

ليس لدي دراية بذلك ، المشكلة التي وقعت فيها هي أختلاف أوامر الأستداعاء بين الأداة التي عملت عليها أنت

وهو

(1)

أما الأدة التي قلت لك أنها أنني أعمل عليها تعمل بهذه الأوامر

(2)

https://jsfiddle.net/nybgvhxj

يعني لما أريد أن أكرر الأدة أكرر فقط هذا الكود ، (2) أما في الكود الذي عملنا عليه فيبطلب تكرار الأوامر كلها

هل توجد إمكانية لتحويل نظام الأداة (1) الى نظام الأدة (2)

يوسف سيّد

2016-07-06T17:46:00+00:00
المزيد
- رابط مختصر

آسف لم أفهم أي من كلامك هل يمكنك عرض كامل الشيفرة بـHTML للموقع؟ حتى أرى ما المشكلة؟

محمد اصفار

2016-07-06T18:35:33+00:00
المزيد
- رابط مختصر

اسمح لي على الإزعاج

يمكن الإطلاع على الكود كاملا من هنا

http://testigbd.blogspot.com

أو تحميل قالب البلوجر المعدل لهذا الغرض من هنا

https://goo.gl/e4Ftaa

أريد مكان عبارة "عدد المشاركات هنا" ظهور عدد المشاركات (شير)

يوسف سيّد

2016-07-06T18:54:38+00:00
المزيد
- رابط مختصر

إذن ضع هذه الشيفرة في وسم وحدها، لا تربطها بأي شيفرة أخرى:

(function infoLoader($) {
    $.fn.getPostShares = function getPostShares(url) {
      var url       = "

        $(_this_).find(".sharecount").text(" عدد المشاركات " + commentcount );
      })

      return this
    }
    $(document).ready(function() { 
        $("li.recent-box").each(function() {
            var url = $(this).find("a").attr("href");
            $(this).getPostShares(url)
        });
    });
})($)

محمد اصفار

2016-07-06T21:33:38+00:00
المزيد
- رابط مختصر

جزاك الله خيرا على مجهودك الأمر يعمل

-1

Account Suspended

2016-07-06T02:20:03+00:00
المزيد
- رابط مختصر

$.getJSON( "

http://graph.facebook.com/?... ", function(data) { if(data.shares !== "undefined") { // do some thing for example: alert(data.shares); } else { alert("no"); } });

محمد اصفار

2016-07-06T12:48:34+00:00
المزيد
- رابط مختصر

@Abdullah Kassha شكرا لك على التفاعلكيف يمكنني دمج ' + postUrl + ' بدل الرابط الذي استعنت به

المرجو الإرتباط بالمنشور الأول وخاصة رابط المشروع

تطوير الويب

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

91 ألف متابع

لخبراء الجافاسكريبت : كيف يمكنني دمج graph facebook و ال ajax لاستدعاء عدد مشاركات المنشور في الكود التالي

التعليقات

اقرأ أيضًا

تطوير الويب